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

975次阅读
没有评论

共计 415 个字符,预计需要花费 2 分钟才能阅读完成。

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

效果预览

见本站

【前端教程】网站黑白滤镜
[v_warn]4月4日10时全国人民默哀三分钟,愿山河无恙[/v_warn]

正文完
 
lvshujun
版权声明:本站原创文章,由 lvshujun 2020-04-04发表,共计415字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请联系站长并注明出处。
评论(没有评论)