CSS फ़िल्टर जेनरेटर — मुफ़्त ऑनलाइन

आठ फ़िल्टर: brightness(), contrast(), saturate(), hue-rotate(), blur(), grayscale(), sepia(), और invert()। इन्हें इसी क्रम में एक filter प्रॉपर्टी में जोड़ा जाता है, और डिफ़ॉल्ट मान (कोई प्रभाव नहीं) पर रहने वाले फ़िल्टर छोड़ दिए जाते हैं।

फिलहाल नहीं — पूर्वावलोकन एक निश्चित अंतर्निर्मित ग्रेडिएंट इमेज का उपयोग करता है। जनरेट किए गए फ़िल्टर CSS को कॉपी करें और वास्तविक कंटेंट पर प्रभाव देखने के लिए अपने प्रोजेक्ट में अपनी खुद की इमेज पर लागू करें।

:hover में फ़िल्टर जोड़ें: .image { filter: none; transition: filter 0.3s; } .image:hover { filter: brightness(1.2) contrast(1.1); } यह माउस होवर पर एक स्मूथ फ़िल्टर ट्रांज़िशन बनाता है।

box-shadow एलिमेंट के बॉक्स (आयताकार) पर लागू होता है। drop-shadow() फ़िल्टर एलिमेंट के वास्तविक अल्फा आकार का अनुसरण करता है — पारदर्शिता वाली PNG इमेज के लिए आदर्श ताकि शैडो इमेज के आकार से मेल खाए। इस टूल में drop-shadow नियंत्रण शामिल नहीं है; यदि आवश्यक हो तो इसे कॉपी किए गए CSS में मैन्युअली जोड़ें।

हां। CSS फ़िल्टर को ट्रांज़िशन और कीफ्रेम एनिमेशन के साथ एनिमेट किया जा सकता है: @keyframes pulse { 0% { filter: brightness(1); } 50% { filter: brightness(1.5); } 100% { filter: brightness(1); } }

Completely safe. The CSS फ़िल्टर जेनरेटर processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.

Yes. The CSS फ़िल्टर जेनरेटर is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.

Yes. The CSS फ़िल्टर जेनरेटर is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.