控制网页的灰度显示

1.代码:

普通网页

 

或是:webkit内核浏览器写法

 

2.说明:

grayscale(amount) :进行灰度转换。

amount转换值的大小,可以是数字或百分比。

当值为 100% 时,灰度最大。

0% 时与原图没有区别。

0% 到 100% 之间的值会使灰度线性变化。

amount 为空时使用值为1。

标准写法是filter: grayscale(100%)

对webkit内核浏览器写法是-webkit-filter: grayscale(100%)

3.演示:

随便打开一个网页:袁隆平(首届国家最高科学技术奖得主、杂交水稻之父)_百度百科 (baidu.com)

然后F12 打开控制台

添加代码

效果展示

控制网页的灰度显示_第1张图片

你可能感兴趣的:(前端代码应用实例,前端,java,javascript)