前端页面,网页整体变灰前端页面,网页整体变灰
只需要在html的样式里面加一句代码
html {
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
filter: grayscale(100%);
}
filter其实是css3的一个滤镜的效果
javascript语法
object.style.WebkitFilter="grayscale(100%)"
css语法 filter函数有十种用法
filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
注意: 旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 "filter" 属性已被废弃。 IE8 及更低版本浏览器通常使用 opacity 属性。
作者:惊天bug
评论0