美文网首页
一段 css 全站变灰

一段 css 全站变灰

作者: 弹指一挥间_e5a3 | 来源:发表于2020-04-06 10:25 被阅读0次
.gray-filter {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;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(grayscale=1);
    -webkit-filter: grayscale(1);
}

相关文章

  • 一段 css 全站变灰

  • 全站变灰

  • CSS - 全站置灰

  • css使图片变灰

    话不多说先上效果图(注意两张图的"网上直借"): 好了,现在上代码: 哈哈,是不是很方便,再也不用切换图片那么麻烦...

  • css-页面变灰

  • CSS使网页变灰

    今天清明节,全国也举行了哀悼活动,缅怀逝去的英雄。 我在浏览网页的时候,发现有的网站风格变成了灰色。很好奇,一开始...

  • 整个网站变灰css样式

    4月4日举行全国哀悼,致敬英雄,缅怀英烈。各大网站和视屏都在变灰,于是我也学习了一下css样式,向英雄致敬! ht...

  • 设置文件全站置灰

  • css常用效果总结

    1.每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功...

  • 网站置灰

    如果需要把网站置灰,我们可以利用css3属性 filter设置如下:其实只需要一行代码就可以使网页变灰

网友评论

      本文标题:一段 css 全站变灰

      本文链接:https://www.haomeiwen.com/subject/kpevphtx.html