css3 页面变灰 |css 鼠标上移样式

steam css 模组，css各种特效实例，css改变滚动轴样式，css怎么放图片代码，css设置table头部字体垂直，css3 img 上下居中，css 鼠标上移样式 css3 页面变灰 |css 鼠标上移样式

实现CSS3页面变灰的方法非常简单，只需要在CSS样式表中加入以下代码即可：

html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

以上代码中，filter属性将整个HTML页面转为灰色，而-webkit-filter属性适用于WebKit浏览器。filter的参数为百分比，可根据需求调整。当值为0%时，页面将还原为原来的颜色。

需要说明的是，这个特性在一些浏览器中可能不被支持。因此，如果想要实现这个效果，在使用前最好先检查浏览器是否支持该属性。

另外，为了让页面变灰的效果更加明显，建议将页面背景色设为黑色或深灰色。

最后，CSS3页面变灰是一个非常简单但实用的技巧，可以应用于Web设计中，例如在文本卡片、按钮等元素上使用，使得页面效果更加独特。