css3图片滤镜

灰度（value从0到1）

img {    filter: type(value);}

褐色（value从0到1）

 img {    filter: sepia(value);}

反色（value从0到1）

img {    filter: invert(value);}

透明度（value从0到1）

 img {    /*opacity:value;*/    filter:opacity(value);}

模糊（value从0到正无穷）

 img {    filter: url(/static/svg/filter.svg#blur);    filter: blur(value);}

亮度（value从0到正无穷）

img {    filter: brightness(value);}

饱和度（value从0到正无穷）

img {    filter: saturate(value);}

对比度（value从0到正无穷）

img {    filter: contrast(value);}

色相旋转（value从负无穷到正无穷，绝对值相同变换相同，每360度相同）

 img {    filter: hue-rotate(value deg);}

阴影（类似于box-shadow）

img {    filter:drop-shadow(5px 5px 5px #ccc);/*随意配*/}