ఎలా సృష్టించాలి: బ్లాక్ అండ్ వెయిట్ చిత్రం

CSS ఉపయోగించి 'బ్లాక్ అండ్ వెయిట్' చిత్రాన్ని సృష్టించండి నేర్చుకోండి。

బ్లాక్ అండ్ వెయిట్ చిత్రం

CSS ఉపయోగించండి filter అనునాదం చిత్రాన్ని బ్లాక్ అండ్ వెయిట్ చిత్రంగా మార్చుతుంది。

Tulip
మూల చిత్రం
Tulip
గ్రేస్కేల్ (100%)

గ్రేస్కేల్ ఉదాహరణ

అన్ని చిత్రాల రంగులను కాలర్లోకి మార్చండి (100% గ్రేస్కేల్):

img {
  -webkit-filter: గ్రేస్కేల్(100%); /* సఫారీ 6.0 - 9.0 */
  filter: గ్రేస్కేల్(100%);
}

స్వయంగా ప్రయత్నించండి

相关页面

教程:CSS 图像

参考手册:CSS filter 属性