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

1,180次阅读
没有评论

共计 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协议发布,转载请联系站长并注明出处。
评论(没有评论)