最新公告:最新上线Yii2实战教程,欢迎大家订阅

利用CSS将页面变灰

4 998

不知道还有多少人记得曾经为了悼念5·12汶川地震,很多网站都将页面中所有的图片以及文字变成灰色。彪叔曾经也做了一个工具“哀悼的CSS(网站变灰)2.0”,用来把网站变灰。

想想当初有多人为了这个事情而忙得不可开交,要把所有的图片在photoshop里去色,再到样式表中把所有的颜色值改成灰色,最后等过了时间之后又要恢复原状。其中也有一些网站仅仅是在IE浏览器中用了滤镜来解决,并没有去处理其他浏览器的。

今天发现利用下边这段代码可以方便的将页面变为灰色,这样就节省了不少成本!

html {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: url(desaturate.svg#grayscale);

filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(1);

}

作者:PHP学习网,本文 利用CSS将页面变灰 版权归作者,免费文章欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

评论: 4 条 访客:2 条, 博主:2 条 查看引用: 0

  • Anymore    -49楼

    不支持Firefox

    • gaofei0357  

      有的浏览器支持有的不支持,这个没测试

  • 小孩    -48楼

    文章内容代码部分要是能高亮就好了, 看起来更舒服

发表评论:

您必须 才能发表留言!

Yii2实战教程

一套真正的从入门到实践的教程,不说废话的讲解,实例操作,作者的亲自指导,有问题随时提问。现在购买即可获取全套完整教程

PHP学习网 – 公众账号

最新文章
阿里云 lnmp一键安装包远程访问Mysql 187
php memcached扩展安装 174
vagrant package 打包命令的用法 154
Warning: require_once(): open_basedir restriction in effect 错误 237
yaf框架教程(6)- yaf路由配置 480
vagrant问题汇总 480
ubuntu系统两个PHP版本坑坏人 455
yaf框架教程(5)- yaf框架的启动文件 392
yaf框架教程(4)- yaf框架的入口文件 373
ElasticSearch5.5.1 单台服务器部署多个节点 467
随机文章
Yii模型(models)中rules自定义验证规则 822
剖析亿级用户下的新浪微博平台架构 407
jQuery.Validate常用的一些验证规则 2015
阿里云nginx下如何添加伪静态 1973
jquery实现密码强度验证 1383
应用信息的填写 351
UEditor配置toolbars工具条 2290
使用Composer的时候提示输入Token 450
WordPress get_currentuserinfo()函数 1375
wordpress菜单函数wp_nav_menu的使用 964
切换注册

登录

切换登录

注册