css filter使用，filter牛皮

css filter：过滤器

img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */   //所有图片灰度100%
    filter: grayscale(100%); //所有图片灰度100%
}

img:hover{-webkit-filter: none;filter: none;}  //移入图片去掉灰度100%

css filter有跟多api

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
可以参考：菜鸟教程
可以看一下菜鸟教程api（自我感觉把ps的功能移了进来）