सीएसएस फ़िल्टर जनरेटर

सीएसएस फ़िल्टर गुणों को उत्पन्न और पूर्वावलोकन करने के लिए एक दृश्य उपकरण।

फ़िल्टर सेटिंग्स
प्रत्येक फ़िल्टर गुण को समायोजित करें
प्रीसेट
पूर्वनिर्धारित फ़िल्टर शैलियों को आज़माएं
पूर्वावलोकन
डिफ़ॉल्ट छवि पर उत्पन्न फ़िल्टर प्रभाव देखें

मूल

विंडोज एक्सपी ब्लिस वॉलपेपर

फ़िल्टर किया गया

फ़िल्टर किया गया विंडोज एक्सपी ब्लिस वॉलपेपर
Filter Preview
उत्पन्न सीएसएस
filter: none;
सीएसएस फ़िल्टर फ़ंक्शन समझाया गया

दृश्य प्रभाव

  • blur(px): धुंधला प्रभाव
  • brightness(%): चमक समायोजन
  • contrast(%): कंट्रास्ट समायोजन
  • opacity(%): अपारदर्शिता समायोजन

रंग प्रभाव

  • grayscale(%): ग्रेस्केल प्रभाव
  • hue-rotate(deg): रंग रोटेशन
  • invert(%): रंग उलटा
  • saturate(%): संतृप्ति समायोजन
  • sepia(%): सेपिया प्रभाव

उपयोग युक्तियाँ

  • • स्थानों से अलग किए गए कई फ़िल्टरों को मिलाएं
  • • केवल छवियों पर ही नहीं, किसी भी HTML तत्व पर लागू करें
  • • गतिशील प्रभावों के लिए सीएसएस एनिमेशन के साथ उपयोग करें
  • • केवल पृष्ठभूमि पर लागू करने के लिए बैकड्रॉप-फ़िल्टर का उपयोग करें
    सीएसएस फ़िल्टर जनरेटर