哀悼CSS 哀悼的时候让页面字体变黑的css

想必这几天大家都会用到这样的代码，不管是前端的，HTML的，还是CSS的，目的都是一个，就是让网站整体色调变灰，借此来悼念地震中的罹难者。权且叫做哀悼CSS吧。可以兼容Firefox Chrome Safari 和IE6 IE7 IE8 IE9 IE10 不兼容Opera。代码如下：

html {
    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”); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }

转载于:https://my.oschina.net/u/1162572/blog/372180

哀悼CSS 哀悼的时候让页面字体变黑的css相关推荐

Html字母变大的代码,css鼠标选中字体变大 div css鼠标悬停超链接的文字变大
css鼠标选中字体变大 css鼠标悬停超链接的文字变大 CSS布局鼠标悬停在超链接上字体变大,css实现鼠标经过锚文本文字时改变字体大小篇. 实现这一效果需要的是:hover伪类设置需要字体. 鼠标选 ...
[学习心得]Response.Write()方法响应导致页面字体变大的解决方法
我们来分析一下ASP.NET中用Response.Write()方法响应导致页面字体变大的问题比方说在页面里面有个LinkButton,要点击以后要打开新窗口,而且新窗口的URL是根据用户选择结果动 ...
php h5页面微信登录页面,客户端，微信内置浏览器加载H5页面字体变大问题
在开发当中呢,经常会有很多H5的小活动页面,需要在微信的环境下使用.偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题,下面提供解决方法. 首先先把网页自动放大放小的关掉. 安卓解决微信内置浏 ...
css：hover鼠标放上去字体变大 transform: scale
<template><div class="content-el-array"><div><h2>transform: scale( ...
html字体变大自动换行,css 实现文字自动换行切同行元素高度自适应
1.实现div行内布局所有行跟随最大高度自适应 html代码样例: 所在部门 @ViewBag.decideDetail.departName 岗位 @ViewBag.decideDetail.pos ...
让字体变的更清晰CSS 中 -webkit-font-smoothing
-webkit-font-smoothing控制的字体渲染只对MacOS的Webkit有效. 所以,你在MacOS测试环境下面设置-webkit-font-smoothing时,只要你不把它设置为no ...
html css js制作登录注册页面,【7】使用css/js/html模板来实现一个注册、登录和管理的功能...
1 #!/usr/bin/env python 2 #-*- coding:utf-8 -*- 3 4 importtornado.web5 importlogging6 importdatetime ...
Android 状态栏工具——一行代码实现状态栏字体变黑
个人网站参考了一些文章做了一些修改,变成了自己的工具类.其中有很多地方欠考虑,有待改进,欢迎路过的大佬给点建议. 状态栏(一) 状态栏(二) 经过前两篇的介绍我们对如何修改状态栏的效果有了大致的了解 ...
Bootstrap 3.x 打印问题打印无法显示背景、字体变黑
这万恶的东西,打印也要你写样式啊!真是坑. Bootstrap 以下代码设置了打印样式,改下就好了 @media print { * { color: #000 !important; ...

哀悼CSS 哀悼的时候让页面字体变黑的css

哀悼CSS 哀悼的时候让页面字体变黑的css相关推荐

最新文章

热门文章