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

filter रा फंक्शन अर इकाई

CSS री filter प्रॉपर्टी, इमेज या एलिमेंट री दिखावट माथै इफ़ेक्ट लगावण वाळी प्रॉपर्टी है, जिकी में blur अर sepia जैड़ा फंक्शन नै स्पेस सूं अलग कर लिखिया जावै।

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

क्यूं लिखण रो क्रम बदळता परिणाम बदळै है

filter में राखियोड़ा फंक्शन डावी सूं क्रम सूं लागै है, अर पैला इफ़ेक्ट रा परिणाम माथै दूजो इफ़ेक्ट लागै है, एवड़ा वास्तै क्रम बदळता दिखावट भी बदळी सकै। जिम के ब्लैक एंड व्हाइट करर पछै सेपिया लगाओ तो भूरापण रेवै, अर सेपिया लगार पछै ब्लैक एंड व्हाइट करो तो भूरापण मिट जावै। इण टूल में लागू करण रो क्रम तय है, पण बणियोड़ा CSS कोड में बदळाव करर क्रम बदळी सकोला।

backdrop-filter सूं फरक

filter अर backdrop-filter एक जैड़ा फंक्शन काम में लेवण वाळी प्रॉपर्टी है, पण इफ़ेक्ट लगावण रो लक्ष्य अलग है।

• filter：filter, बतायोड़ा एलिमेंट (इमेज या अक्षर आद) री खुद री दिखावट माथै इफ़ेक्ट लगावण वाळी प्रॉपर्टी है।
• backdrop-filter：backdrop-filter, बतायोड़ा एलिमेंट रै पाछै दिखणिया भाग माथै इफ़ेक्ट लगावण वाळी प्रॉपर्टी है, जिकी घिसी होई कांच जैड़ी दिखावट बणावण वास्ते काम में लेवीजै।