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

संदर्भ

CSS filter प्रॉपर्टी क्या है?

CSS filter प्रॉपर्टी एक एलिमेंट पर ग्राफिक इफेक्ट लागू करती है।

सभी CSS फ़िल्टर फंक्शन

blur(px): गॉसियन ब्लर लागू करता है।
brightness(%): ब्राइटनेस एडजस्ट करता है।
contrast(%): कॉन्ट्रास्ट एडजस्ट करता है।
grayscale(%): ग्रेस्केल में कन्वर्ट करता है।
hue-rotate(deg): रंगों को घुमाता है।
invert(%): रंगों को उलटता है।
opacity(%): पारदर्शिता एडजस्ट करता है।
saturate(%): रंग संतृप्ति एडजस्ट करता है।
sepia(%): सेपिया टोन लागू करता है।

प्रदर्शन विचार

CSS फ़िल्टर आधुनिक ब्राउज़रों में GPU-त्वरित हैं।

सामान्य उपयोग के मामले

इमेज होवर इफेक्ट — विश्राम में ग्रेस्केल, होवर पर रंग।
अक्षम स्थिति — filter: grayscale(100%) opacity(50%)।

गोपनीयता

सभी फ़िल्टर जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा सर्वर पर नहीं भेजा जाता।