🎚️CSS फिल्टर जेनरेटर

फिल्टरको कार्य र एकाइ

CSS को फिल्टर गुण, छवि वा तत्वको देखिनमा प्रभाव लगाउने गुण हो, ब्लर वा सेपिया जस्ता कार्यलाई आधा-चौडाइ खाली स्थान दिएर पङ्क्तिबद्ध गरी लेखिन्छ।

• px (पिक्सेल)：धुँवा कार्यले धुँवाको त्रिज्या px मा निर्दिष्ट गरिने कार्य हो, ४ px निर्दिष्ट गरे त्रिज्या ४ पिक्सेलको दायरामा रङ नजिकिन्छ।
• % (प्रतिशत)：चमक कार्य वा सेपिया कार्य प्रभावको बल % मा निर्दिष्ट गरिने कार्य हो, चमक कार्यमा १००% मूल चमक हो, १२०% २० प्रतिशत उज्यालो बनेको अवस्था हो।
• deg (डिग्री)：रङ-अनुक्रमण कार्य रङ्गको चक्रमा रङ घुमाउने कोण deg मा निर्दिष्ट गरिने कार्य हो, १८० deg निर्दिष्ट गरे रङ विपरीत पक्षको रङ अनुक्रमणमा जान्छ।

किन लेखने क्रम परिणाम परिवर्तन गर्छ

फिल्टरमा पङ्क्तिबद्ध गरिएका कार्यहरु बायाँबाट दायाँ लागु गरिन्छ, अघिलो प्रभाव लगाएको परिणाममा अर्को प्रभाव लग्छ, किनभने पङ्क्तिबद्ध क्रम परिवर्तन हुँदा देखिन पनि परिवर्तन हुन सक्छ। उदाहरणको लागि श्वेत-श्याम लगाएर सेपिया लगाए खैरो रङ बाकी रहन्छ, सेपिया लगाएर श्वेत-श्याम लगाए खैरो रङ हराउन्छ। यस उपकरणमा लागु गरिने क्रम निर्धारित गरिएको छ, तर उत्पन्न गरिएको CSS कोड सम्पादन गरेर क्रम परिवर्तन गर्न सक्नुहुन्छ।

पृष्ठभूमि-फिल्टरसँग भिन्नता

फिल्टर र पृष्ठभूमि-फिल्टर समान कार्य प्रयोग गर्न सक्ने गुण हो, तर प्रभाव लगाउने लक्ष्य फरक छ।

• फिल्टर：फिल्टर निर्दिष्ट गरिएको तत्वको आफै (छवि वा पाठ आदि) को देखिनमा प्रभाव लगाउने गुण हो।
• पृष्ठभूमि-फिल्टर：पृष्ठभूमि-फिल्टर निर्दिष्ट गरिएको तत्वको पछाडि दिखिने भागमा प्रभाव लगाउने गुण हो, असला गिलास जस्तो अभिव्यक्तिमा प्रयोग गरिन्छ।