• 2022-09-04被罚款200元记6分.
  • 特么的.电脑风扇坏了.快递还全部停发.太难了...求求了.疫情赶紧走吧.
  • 难啊难!要钱难!
  • 更新到WordPress5.6啦
  • 有点伤心了,今年净遇到王某海这种人.
  • 难啊难...
  • 七牛的JS SDK 的文档真坑啊.
  • 蓝奏云分享部分地区无法访问需手动修改www.lanzous.com变为:www.lanzoux.com
  • 好气啊~原来使用的CDN服务商莫名其妙的给我服务取消了~
  • 遇见一个沙雕汽车人.

CSS效果,让网站全部变成灰色(黑白)

WEB前端 KIENG 5年前 (2020-02-10) 87520次浏览 已收录 1个吐槽

CSS 效果,让网站全部变成灰色(黑白)

CSS

代码1:

<!--    可以是整个网站变成灰色的     -->
html {-webkit-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);} 

代码2:

html { filter:progidXImageTransform.Microsoft.BasicImage(grayscale=1); } 

代码3:

html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} 

说明

请在头部加载.

当然,你用 js 异步加载也一样..

吐槽

哎,这个病毒真的太厉害了..快两个月了.人数还在慢慢增加!希望专家尽快研究出特效药吧!我都要在家呆疯了..


KIENG.CN , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA 4.0协议进行授权
转载请注明出处:CSS 效果,让网站全部变成灰色(黑白)
本文章链接:https://blog.kieng.cn/1996.html
喜欢 (23)
KIENG
关于作者:
一个热衷网络的Man
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 快速获取昵称
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 签到成功!签到时间:2020-03-29 14:03:47,每日打卡,生活更精彩哦~
    电脑初哥 | 中国江苏苏州市 电信2020-03-29 14:04 回复 Windows 10 | Chrome 70.0.3538.25