一段网页变灰代码，纯CSS代码实现网页变灰效果

2023-11-10 分类：建站教程阅读(103) 评论(0) ID: 11307

人生不总是五彩缤纷的，总有一些灰色时刻，遇到这样的特殊时间，我们可能想将网站页面设置为灰色。今天就给大家分享一段纯CSS网页变灰代码。这段CSS代码即可以将整个网站都变成灰色，也可以只将单个页面变成灰色。

1、整站变灰效果：

想要实现全站变灰，可以把下面的CSS代码放到网站的头部文件或者底部文件中，也就是只要放到全局显示内容的文件当中，灰色代码就能跟着一起加载并显示出来

<!-- 网站页面变灰代码开始 -->
<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>

2、单页面变灰效果：

只需要将下面代码放到你想要变灰的页面文件当中，就可以实现单页面变灰的效果，而网站其他页面是正常的颜色

楚狂人 » 一段网页变灰代码，纯CSS代码实现网页变灰效果

打赏赞(0)

标签：常用代码