CSS Filter Property

CSS Filter Property
One, the scope of use;
The Filter property is mainly used on the image to achieve some special effects.
Second, the common attribute (the default value is None);
A,grayscale Grayscale:
1, use this special effect, will turn the picture Gray, that is to say your picture will have only two colors "black" and "white;"
2, Default value: 100%,
If you do not have any parameter values in grayscale (), it will be rendered as "100%"

B,sepia Brown (for professional pointing translator)
1, brown, using this effect, your picture looks very old like
2,sepia () does not have any parameter values and will be rendered as "100%"

Saturation of C,saturate
The 1,saturat is used to change the saturation of the image.
2, Default value: 100%,
D,hue-rotate Hue Rotation
1,hue-rotate used to change the hue of a picture
2, default value: 0deg
E,invert Inverse Color
The effect of the 1,invert is like the effect of the bottom surface of our camera.
2, default value: 100%
F,opacity Transparency
1, change the transparency of the picture
2, default value: 100%
G,brightness brightness
1. Change the brightness of the picture
2, default value: 100%
Contrast contrast ratio
1, change the contrast of the picture
2, default value: 100%
Blur Blur
1. Change the sharpness of the picture
2, Default value: 0
Drop-shadow Shadow
1, like Box-shadow effect, add shadow effect to the picture
2, notation::d rop-shadow (5px 5px 5px #ccc);

CSS Filter Property