祈福雅安,为同胞默哀!
2013-04-22 19:38
916 查看
关于4.20四川雅安7.0级地震的消息想必大家都知道了,就不多说了,新闻是铺天盖地的,其中有一些感动的新闻,也有一些对救灾中的负面新闻,也希望大家的关注点在救灾上面。
很多网站都推出了寻人服务和捐款页面,大家如果能力所及,希望可以关注一下。
只能在心里默哀了,祝福雅安早日重建。
特意将网站改为黑白色,希望大家可以理解。
支持三种主流浏览器,代码如下:
C++
<!-- 祈福雅安 -->
<style>
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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale( 1);
}
</style>
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!-- 祈福雅安 --> <style> 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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale( 1); } </style> |
如果您也是一位站长,希望可以用此方式带动更多的人为雅安祈福。
此黑白效果将持续一周,希望大家见谅。
相关文章推荐