怎样建一个英文网站,中联汇科 网站建设,南京制作网站培训学校,招商网站大全五金电器我们的网站有时可能需要实现全站黑白色调功能(一般常用于悼念日) #xff0c;如何快速地实现一键黑白色调效果#xff0c;我们需要了解 CSS 的 filter(滤镜) 属性
关于 CSS 中 filter 的解释#xff1a;
https://www.runoob.com/cssref/css3-pr-filter.html1、简单使用
h…我们的网站有时可能需要实现全站黑白色调功能(一般常用于悼念日) 如何快速地实现一键黑白色调效果我们需要了解 CSS 的 filter(滤镜) 属性
关于 CSS 中 filter 的解释
https://www.runoob.com/cssref/css3-pr-filter.html1、简单使用
html {filter: grayscale(100%);
}2、兼容性使用
html {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url(data:image/svgxml;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); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale1);
}3、实现效果 如您在阅读中发现不足欢迎留言
