css最后一部分内容，灰度，滤镜，针对谷歌浏览器



效果

拿图片做例子，看看效果

原图

 

-webkit-filter:none;

以下效果都不是截图，Chrome上看

模糊

 

-webkit-filter:blur(10px);

灰度

 

-webkit-filter:grayscale(0.5);

褐色

 

-webkit-filter:sepia(0.5);

亮度

 

-webkit-filter:brightness(3);

色相

 

-webkit-filter:hue-rotate(180deg);

反色

 

-webkit-filter:invert(1);

透明

 

-webkit-filter:opacity(0.5);

饱和度

 

-webkit-filter:saturate(5);

对比度

 

-webkit-filter:contrast(0.5);

阴影

 

-webkit-filter:drop-shadow(10px 10px 5px rgba(0,0,0,0.9));