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的功能移了进来)