通过CSS滤镜让网站彩色网页全站变成黑白色效果

方法技巧 |  350人已阅 | 字体大小: 默认
本文共计418个汉字和字符,阅读时长预计2分钟左右。

大家应该注意到大型网站在纪念某些特别日子时都把网站改成黑白色调,这样的效果是如何实现的呢?其实通过CSS filter这个滤镜属性就能达到效果。在WORDPRESS head模板那块添加一下CSS样式就可以了:


<style type="text/css">
html {
  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)
}
</style>

filter是CSS滤镜的意思,filter:gray的意思就是说给页面加上一个灰度的滤镜,所以html里面的所有内容都会变成黑白的了。

文章标签:
如需转载或复制本文请附带上 本文超链接 并注明出处: CHANBEE
本文标题: 通过CSS滤镜让网站彩色网页全站变成黑白色效果
本文链接: https://www.chanbee.com/using-css-filter-to-make-the-whole-website-become-black-and-white.html
发布日期: 2020-04-04
您可以分享本文到以下社交:

上一篇:

下一篇:

相关文章推荐

  • 给WordPress文章列表页任意文章之间插入任何内容

  • 纯代码让WordPress显示最新评论的文章

  • 让WordPress后台文章列表按最新修改来排序

  • 简单地让WordPress搜索结果页显示出搜索出来的文章数量

  • 返回
    顶部