【前端教程】网站黑白滤镜

您正在使用IE浏览器，部分内容可能无法显示，建议您换用更新的浏览器，请单击下载Chrome浏览器

显示屏过小，本网站无法正常显示

你处于离线状态，正在显示缓存网页

由于本站大方向已经改变，站名正式改为“吕舒君的博客”。

4月4日10时全国人民默哀三分钟，愿山河无恙

网站当前的主题正在开发升级当中!

【前端教程】网站黑白滤镜

2021年5月30日 22:24:24 吕舒君 0 百度已收录 852 次浏览

CSS3 filter(滤镜) 属性

filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。

默认值:	none
继承:	no
动画支持:	是。详细可查阅 CSS 动画
版本:	CSS3
JavaScript 语法:	object.style.WebkitFilter="grayscale(100%)"

使用方法

通过css滤镜可以使网站从彩色变为黑白

html {
      -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;
  }

效果预览

见本站

4月4日10时全国人民默哀三分钟，愿山河无恙

提示

你已经点赞过了

原创声明

版权声明: 本文由作者吕舒君于2021年5月30日 22:24:24原创发表.
转载请务必取得作者同意, 并附带本页面地址: https://cszj.wang/1420.html
查看作者吕舒君的所有文章

发表评论

评论区

共0条回复

暂无评论，说说你的看法吧!

底部推荐

随机文章

【Davinci】如何破解Davinci Resolve（17~18适用）

首先，进入Davinci官网选择下载DaVinci Reso

吕舒君的博客

一个传递知识的网站

酷博客(V4.1.0). Theme By 吕舒君. 网站已使用SSL加密本页面进行了 69 次请求在 0.301 秒内加载完成, 使用了 13.79MB 的内存。

【前端教程】网站黑白滤镜

CSS3 filter(滤镜) 属性

使用方法

效果预览

吕舒君的博客，一个传递知识的网站！