有兼容性比较好的网页变灰悼念的css么?

简单易用,性能没太大问题的。

收藏 1 分享浏览 2130
4年前
跟帖
前端乱炖
4年前
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
沙发
天翔Skyline
4年前
.grey-filter(@scale){
    filter: grayscale(@scale);
    -webkit-filter: grayscale(@scale);
    -moz-filter: grayscale(@scale);
    -ms-filter: grayscale(@scale);
    -o-filter: grayscale(@scale);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id… 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=@scale);}

这是我less里面用的mixin,用于处理页面整体加灰色滤镜

板凳
林小志_linxz
4年前

我其实只是来做广告的,芋头GG你觉得呢。 http://blog.linxz.de/gray-your-page-so-easy/

地板
说几句
广告位 点击查看投放指南

我的收藏