使网站全局变灰色的三种CSS样式

KuaiKan 8月前 306

css代码

在纪念某些节日的时候,好多平台和网站会把全局变成灰色,其实方法是比较简单的,把CSS放在网站的head中就可以实现这种效果了,下面提供三种样式:

样式一:

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

样式二:

html {
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);
}

样式三:

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(100%);">

效果见本页


签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回