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

KuaiKan 4月前 138

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)
返回