用CSS让网站全局变灰

很多时候,为了表达我们的沉痛情绪,以及对某些大事的深切情感,大多数站长都会选择将网站的所有色调变灰,通过这样一个灰色的全局来渲染气氛和传达情绪。

雅安地震的时候,碎碎念很笨地采用新增一个灰色基调的样式表来完成全局变灰,折腾了一个晚上,而且效果不完美,现在,有简单的CSS样式,只需要一行,足以让你的网站瞬间变灰了。当然,希望我们都用不着这段代码%>_<%

关于网页变灰只需在网页头部加入如下代码即可:

html{ 
	Invalid property value.filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
	-webkit-filter: grayscale(1);
}

对这段代码变动一下,修改下色调,你可以表达更多的情绪,请举一反三。

NOOLDEY

本文作者:NOOLDEY

做一个诗情画意的码农,皮皮猪,我们走!

原文链接: http://zhuweisheng.com.cn/wordpress/grayscale-site/

本站文章如无特殊声明均为原创,创作不易,转载请注明来源,谢谢!