🎚️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 हा निर्दिष्ट केलेल्या घटकाच्या मागे दिसणाऱ्या भागावर परिणाम लागू करणारा गुणधर्म आहे, आणि फ्रॉस्टेड ग्लाससारख्या सादरीकरणासाठी वापरला जातो.