ఎలా సృష్టించాలి: చిత్ర ప్రభావాలను జోడించండి

చిత్రాలకు విజువల్ ప్రభావాలను ఎలా జోడించాలి నేర్చుకోండి.

చిత్ర ఫిల్టర్స్

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);
}