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

filter केर फंक्शन आ इकाई

CSS केर filter प्रॉपर्टी छवि या तत्वक रूप-रंगपर प्रभाव डारऽ वला प्रॉपर्टी अछि, आ blur आ sepia सन फंक्शनकेँ स्पेससँ अलग कऽ के लिखल जाइत अछि।

• px (पिक्सेल)：blur फंक्शन धुंधलापनक त्रिज्याकेँ px मे निर्दिष्ट करऽ वला फंक्शन अछि, 4px निर्दिष्ट करलापर 4 पिक्सेलक दायरामे रंग मिल जाइत अछि।
• % (प्रतिशत)：brightness आ sepia फंक्शन प्रभावक तीव्रताकेँ % मे निर्दिष्ट करऽ वला फंक्शन अछि, brightness फंक्शनमे 100% मूल चमक, 120% 20% बेसी चमकदार स्थिति अछि।
• deg (डिग्री)：hue-rotate फंक्शन रंग चक्रपर रंगकेँ घुमेबाक कोणकेँ deg मे निर्दिष्ट करऽ वला फंक्शन अछि, 180deg निर्दिष्ट करलापर रंग विपरीत रंगक ओर जाइत अछि।

लिखबाक क्रमसँ परिणाम किएक बदलैत अछि

filter मे क्रमबद्ध फंक्शन बामासँ दहिना लागू होइत अछि, आ पहिलुका प्रभाव लगाओल परिणामपर अगिला प्रभाव लागू होइत अछि, एहि लेल क्रम बदललासँ रूप-रंग सेहो बदलि सकैत अछि। उदाहरणक लेल श्वेत-श्याम कएला बाद सेपिया लगेलासँ भूरापन रहि जाइत अछि, आ सेपिया लगेला बाद श्वेत-श्याम कएलासँ भूरापन हटि जाइत अछि। एहि टूलमे लागू करबाक क्रम स्थिर अछि, मुदा बनल CSS कोडकेँ संपादित कऽ के क्रम बदलल जा सकैत अछि।

backdrop-filterसँ अंतर

filter आ backdrop-filter एके फंक्शन प्रयोग करऽ वला प्रॉपर्टी थिक, मुदा प्रभाव पड़बाक विषय भिन्न अछि।

• filter：filter निर्दिष्ट तत्व स्वयं (छवि या अक्षर आदि) केर रूप-रंगपर प्रभाव डारऽ वला प्रॉपर्टी अछि।
• backdrop-filter：backdrop-filter निर्दिष्ट तत्वक पाछाँ देखाइत भागपर प्रभाव डारऽ वला प्रॉपर्टी अछि, आ कांचक धुंधला प्रभाव सन अभिव्यक्तिमे प्रयोग होइत अछि।