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

利用CSS将页面变灰

4 1520

不知道还有多少人记得曾经为了悼念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学习网 – 公众账号

最新文章
免费证书Let’s Encrypt的申请和使用 192
mac下Homebrew的使用 338
mysql5.7.21导入5.6的数据报Error : Invalid default value for ‘comment_date’ 450
阿里云 lnmp一键安装包远程访问Mysql 852
php memcached扩展安装 694
vagrant package 打包命令的用法 720
Warning: require_once(): open_basedir restriction in effect 错误 961
yaf框架教程(6)- yaf路由配置 1050
vagrant问题汇总 1079
ubuntu系统两个PHP版本坑坏人 1055
随机文章
Jquery.KinSlideshow演示 1780
应用信息的填写 873
详解spl_autoload_register()函数 875
PHP中传值与传引用的区别 1871
免费证书Let’s Encrypt的申请和使用 192
WordPress is_single()函数 1628
centos搭建SVN服务器 1252
ftp 500 OOPS: could not bind listening IPv4 socket 3056
解决git远程分支已经删除本地还存在的办法 2001
svn switch服务器下svn地址更改 968
切换注册

登录

切换登录

注册