当前位置:首页 > 建站技术 > 正文内容

网站全站变黑白如何实现

二向箔2022-12-01 16:58:04建站技术873

发生一些重大的公共事件,或者一些重要的日子等,很多网站需要变成黑白两色,那么它是怎么实现的呢

其实很简单,几行CSS代码即可实现,把下面这段CSS代码放到公共文件中即可。

body *{
-webkit-filter: grayscale(100%); /* webkit */
-moz-filter: grayscale(100%); /*firefox*/
-ms-filter: grayscale(100%); /*ie9*/
-o-filter: grayscale(100%); /*opera*/
filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray; /*ie9- */
}

中小网站实现效果还是可以的。

扫描二维码推送至手机访问。

版权声明:本站内容为原创和部分整理自网络,如有侵权务必联系我们删除,保障您的权益,本站所有软件资料仅供学习研究使用,不可进行商业用途和违法活动,本站不承担任何法律责任。

本文链接:https://www.erxbo.com/post/130.html

标签: CSS
分享给朋友:

“网站全站变黑白如何实现” 的相关文章

shell根据文件后缀查找或删除

1,根据后缀查找文件find  -type f -name '*.php'2,根据后缀查找文件并删除find  -type f -name '*.php' -...

帝国cms列表页无标题图片缩略图时,调用默认缩略图片

网站文章内容如果没有上传图片的话,列表页面是没法调用缩略图出来的,所以在没有图片的时候调用网站默认的缩略图,图床,网站的页面会显得美观很多。下面的代码中img中做了一个判断,在没有图片可调用的时候就调用网站的默认图片,图片路径可自己设置。[e:loop={'selfinfo',6,0...

RHSA-2020:0630: ppp 安全更新,漏洞修复方法

RHSA-2020:0630: ppp 安全更新,漏洞修复方法

阿里云提示系统软件漏洞修复命令:yum update ppp...

宝塔Nginx报错:nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok 解决方法

宝塔Nginx报错:nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok 解决方法

网站在运行过程中出现服务器Nginx停止,点击重启之后无法重启并出现报错:nginx: the configuration file /www/server/nginx/conf/nginx.conf syntax is ok&n...

php 如何开启 opcache 缓存

php 如何开启 opcache 缓存

网站应用在使用的过程中,随着数据越来越多,网站运行也会越来越慢,如果网站并发访问过多也会造成网页打开速度变慢。开启opcache 缓存,可以有效提高网页的打开速度1,进入宝塔面板安装PHP扩展注意:Redis扩展仅支持一个PHP版本安装使用,若在其它PHP版本已安装redis扩展,请勿再装请按实际需...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。