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);/*随意配*/
}