कैसे बनाएं: इमेज प्रभाव जोड़ें

इमेज को विज्ञापन जोड़ने के लिए सीखें

CSS फिल्टर

CSS filter गुण एलिमेंट को विज्ञापन दिखाता है (जैसे फोकस और सैटरेशन)

ध्यान:इंटरनेट एक्सप्लोरर, एज 12 या सैफारी 5.1 और अधिक पुरानी संस्करण इस गुण को नहीं समर्थित करते filter गुण

ग्रे स्केल उदाहरण

सभी इमेज का रंग परिवर्तित करें सफेद-सफेद (100% ग्रे):

मूल इमेज

ग्रे स्केल (100%)

img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

स्वयं आयात करें

फोकस उदाहरण

सभी इमेज पर फोकस करना:

मूल इमेज

फोकस करना (5 पिक्सेल)

img {
  -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}

स्वयं आयात करें

संबंधित पृष्ठ

संदर्भ दस्तावेजःCSS filter प्रॉपर्टी