CSS3实现全站黑白效果

html {
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); /* IE6 ~ 9 */
}

原理就是借助CSS或CSS3提供的滤镜实现,这样做的好处是不但能够实现图片变灰,而且还能实现设置的背景图也变灰(html和body设置的背景图除外)。

# css   html  

评论

企鹅群:39438021

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×