CSS实现图片变灰色及透明度

【图片变灰】

每当遇到哀悼日，很多网站快速变灰色，来看看实现方式吧：

body {filter:graycale(100%);-webkit-filter: grayscale(100%);}

 

说明：

“100%”为灰度，比如50%是半彩色半灰色，一般就用100%

运用此属性，可以显示某个颜色或图片的莫兰迪色

 

 

【图片透明】

接下来，来说说图片透明，直接看代码：

filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;

说明：

第一个属性（filter）仅支持ie;

第二个属性（-moz-opacity）对firefox低版本支持

第三个属性（opacity）对firefox高版本支持