कैसे बनाया जाता है: श्वेत-सफेद छवि
- पिछला पृष्ठ इमेज इफेक्ट
- अगला पृष्ठ इमेज टेक्स्ट
CSS के द्वारा 'श्वेत-सफेद' छवि कैसे बनाएं।
श्वेत-सफेद छवि
CSS का उपयोग करके filter इस गुण को छवि को श्वेत-सफेद छवि में बदलता है।
मूल छवि
ग्रे-स्केलिंग (100%)
ग्रे-स्केलिंग उदाहरण
सभी छवियों का रंग श्वेत-सफेद (100% ग्रे) करें:
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
संबंधित पृष्ठ
शिक्षाःCSS इमेज
संदर्भ पुस्तकःCSS फिल्टर एट्रिब्यूट
- पिछला पृष्ठ इमेज इफेक्ट
- अगला पृष्ठ इमेज टेक्स्ट
