记网站整体变灰、黑白

使用CSS3 filter(滤镜) 属性
html{
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。

浏览器支持:

表格中的数字表示支持该方法的第一个浏览器的版本号。

紧跟在数字后面的 -webkit- 为指定浏览器的前缀。

属性     
filter 18.0 -webkit- 13.0 35.0 6.0 -webkit- 15.0 -webkit-

注意: 旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 "filter" 属性已被废弃。 IE8 及更低版本浏览器通常使用 opacity 属性。

grayscale(%):将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;

现在网页中的图片、css样式、视频都已经变灰啦~

posted @ 2022-11-30 18:43  Cynthia_377  阅读(50)  评论(0编辑  收藏  举报