कैसे करें - छवि प्रभाव जोड़ें
छवियों में दृश्य प्रभाव जोड़ने का तरीका जानें।
छवि फ़िल्टर
सीएसएस फिल्टर
CSS filter
गुण किसी तत्व में दृश्य प्रभाव (जैसे धुंधला और संतृप्ति) जोड़ता है।
नोट: फ़िल्टर गुण Internet Explorer, Edge 12, या Safari 5.1 और इससे पहले के संस्करण में समर्थित नहीं है।
ग्रेस्केल उदाहरण
सभी छवियों का रंग श्वेत और श्याम (100% ग्रे) में बदलें:
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
धुंधला उदाहरण
सभी छवियों पर धुंधला प्रभाव लागू करें:
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
CSS फ़िल्टर के बारे में अधिक जानने के लिए हमारे CSS फ़िल्टर प्रॉपर्टी पर जाएँ।