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

网站全站变黑白如何实现

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

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

其实很简单,几行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
分享给朋友:

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

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

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

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

php 如何开启 opcache 缓存

php 如何开启 opcache 缓存

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

帝国cms  图片地址如何设置成二级域名(宝塔面板)?

帝国cms 图片地址如何设置成二级域名(宝塔面板)?

帝国cms 做的一个网站,由于图片过多需要把附件图片的域名设置成二级域名,方便以后设置CDN缓存加速。看了很多教程,都说需要把帝国cms  的d文件夹绑定二级域名但是这样做没有办法生效,这样设置二级域名也无法安装ssl证书1,最好的办法就是把二级域名 重新单独添加一个站点,二级域名指向网站...

windows11中如何删除"$WINDOWS.~BT"文件夹

windows11中如何删除"$WINDOWS.~BT"文件夹

注意方法失效,此种方式并不能删除文件夹官方的安全做法是,以管理员权限打开cmd。将下面三条指令依次复制粘贴在cmd中并执行,就能成功删除"$WINDOWS.~BT"文件夹:takeown /F C:\$Windows.~BT\* /R /A...

帝国CMS 编辑器上传图片取消宽高的方法

帝国CMS 编辑器上传图片取消宽高的方法

帝国cms 在后台编辑器内上传图片的时候,会自动获取图片的宽高,同时代码中也会出现图片的宽高尺寸,看起很智能其实很不方便,图片的宽高固定之后,前台文章显示就会出现变形,高度还好,图片一但超过文章页的宽度,图片宽度就会被自动压缩,导致图片变形。所以后台编辑器中的默认宽高一定要去掉。1,找到文件路径,修...

soybean-admin 高颜值且功能强大的后台管理模板

soybean-admin 高颜值且功能强大的后台管理模板

一个清新优雅、高颜值且功能强大的后台管理模板特性:- 前沿技术应用:采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。- 清晰的项目架构:采用 pnpm monorepo 架构,结构清晰,优雅易懂。- 严格的代码规范:遵循 SoybeanJS...

发表评论

访客

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