176-0147-6886 在线客服 人才招聘 返回顶部
解决方案 技术分享 网站优化

CSS怎么使网页全部变成灰色

2016-10-13分享

Desaturating a color image couldn’t be simpler with CSS3. We’ll apply the filter as a class, as you’d typically desire several images to be affected by the code at the same time:

img.desaturate { filter: grayscale(100%); }

Naturally, all current browsers implement CSS3 filters via vendor prefixes, so our first job is to insert that code, writing in CSS that does not yet exist in order to future-proof our work:

img.desaturate { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}

Applying the class to the image is easy:

在线咨询
深圳网站推广公司 大连网站建设 石家庄网站优化 廊坊兼职 苏州贷款 六安网站建设 宜昌网站建设 上海网站优化 狗狗训练学校 卤素检漏仪 防爆高压清洗机 检测试剂盒 重庆SEO顾问
Copyright © 2002-2017 凡仕臣网络公司 版权所有 粤ICP备12023981号-1