css3滤镜，图片变白，图片反向，鼠标经过变白色

css3 filter语法解析

filter: none | blur() | brightness() | contrast() | drop-shadow() |grayscale() | hue-rotate() | invert() | opacity() | saturate() |sepia() | url();

属性解释举例

brightness(%)亮度(值越大越亮)brightness(200%)
blur(px)设置模糊(值越大越模糊)blur(5px)
contrast(%)调整图像的对比度contrast(200%)
drop-shadow设置阴影效果drop-shadow(0px 6px 11px #000)
grayscale(%)灰度(值越大越灰) 值在0%到100%之间grayscale(50%)
hue-rotate(deg)色相旋转(超过360是又绕一圈)　值为anglehue-rotate(90deg)
invert(%)反色　值在0%和100%之间invert(100%)
opacity(%)透明度 值在0%和100%之间opacity(30%);
saturate(%)饱和度saturate(400%)
sepia(%)褐色　值在0%和100%之间sepia(100%)