css页面变灰度filter兼容ie、firefox、chrome、opera、safari实现样式

liu__software

已于 2022-12-01 15:16:51 修改

阅读量2k

点赞数

分类专栏： css3 文章标签： css3

于 2021-04-22 15:37:05 首次发布

原文链接：https://www.jb51.net/css/79205.html

版权

css3 专栏收录该内容

49 篇文章

订阅专栏

html {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');

  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  _filter: none;

  filter: gray;
}

//来源于百度百科样式
body.memorial>* {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}

转载于：https://www.jb51.net/css/79205.html