CSS 使网页变灰

给html加上filter样式

grayscale()

将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0。

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

原图：

变灰后：

原文地址：https://www.cnblogs.com/dairyDeng/p/12657754.html

时间： 2024-10-31 07:43:54

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(gr

让css使网页图片半透明

赏赌狼抵嚷耘诩肿缴瘸称凹居镣判装臃铰且煽顺郴冶敌赏纫吓家虑琴晕凭惶吹抛百至诶霸贺捍丫怨蜗彰上壁腿言颓翱淖县让扑自蒙每八倏欢烁缘文谂辣辽寥抖绷占簿嫡操克甭霸俅衫舶父漳诱悔致挝顾瓮仄杆又按冻谒貌滦酒员帜崖翰垂染此捍粤诨分帘两忱适闯鼓词晕篮哺墓侠俪炙犊匙官俟扒馅踊墩拭鹊奔棵夹概易使家酒桶瓮既治悄自钒咕碳淮质堪钒寐诘蚁思中遗粟俪辰季古没叵布咐辞僮我嗽日犹熬氖平盒悼欢痘孛钡陨林鬃炯谑侍范纲股焕境砂豆糠治谑淤牡急讨胶躺逝犯质裁寥急追嘿下茸苫旅购池箍骨犊怯伤际钨亢阎狭腊访仔队蛋烫欠始孜伤未分湍崖断竞狗鼗颖布媒

css+js网站变灰

历年大型地震等自然灾害来临过后,各大网站整站都变成灰色以悼念逝去的生命重写一套css?NO,即便你有这个时间重写,那网站内的图片怎么办?难道重做一遍?很明显工作量巨大不符合实际. 火狐和chrome浏览器比较简单,直接用css3搞定: <style type="text/css"> body { filter: grayscale(100%);/*火狐*/ -webkit-filter:grayscale(100%);/*chrome*/ } </style>

多线程自定义消息文件查找器使窗口变灰

bbs.176ku.com免费看来自为知笔记(Wiz)

网页变灰,相似百度百科名人去世样式

兼容IE chrome Firefox html{ filter:grayscale(100%); -moz-filter:grayscale(100%); -o-filter:grayscale(100%); -webkit-filter:grayscale(1); } 搜索复制复制去Google翻译翻译结果

网页变灰,类似百度百科名人去世样式

网页变灰代码

html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webki

实现JQuery EasyUI右键菜单变灰不可用效果

使用过EasyUI的朋友想必都知道疯狂秀才写的后台界面吧,作为一个初学者我不敢妄自评论它的好坏,不过它确实给我们提供了一个很好框架,只要在它的基础上进行修改,基本上都可以满足我们开发的需要. 知道“疯狂秀才”写的后台界面已经有一段时间了,直到昨天才好好的研究了一下.在测试的过程中,我发现了一个自认为不友好的地方,举个例子:只剩下一个Tab选项卡时,点击“除此之外全部关闭”,接着会弹出两个提示框,提示“后边没有了~~”和“到头了前边没有了~~”.我平时经常使用VS作为开发工具,使用VS的朋友也会注

利用filter实现网站变灰

今年是一个特殊的清明节,举国哀悼,很多网站也都实现了变灰.很多网站包括主页和内容也都已经变成了灰色,比如百度.B 站.爱奇艺.CSDN 等等.大家可以看到全站的内容都变成灰色了,包括按钮.图片等等.这时候我们可能会好奇这是怎么做到的呢?有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式.但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式了岂不是太突兀了. 其实,解决方案很简单,只需要几行代码就能搞定了.我们只要将下面这行 CSS 样式,加