CSS3 Fliter 10 kinds of special effects (ii)

First, Drop-shadow shadow

Add a shadow effect to the picture, as shown in:

Code:

#gray {
-webkit-filter:drop-shadow (5px 5px 5px Green);

}

Second, Blur Fuzzy

Add a blur effect to the image to change the sharpness of the image, as shown in:

Code:

#gray {
-webkit-filter:blur (5px);

}

Third, contrast contrast ratio

Change the contrast of the picture, as shown in the effect:

Code:

#gray {
-webkit-filter:contrast (2);

}

Four, brightness brightness

Change the brightness of the picture, as shown in the effect:

Code:

Lighten

#gray {
-webkit-filter:brightness (2);

}

Darken

#gray {
-webkit-filter:brightness (0.5);

}

* When the value of brightness is less than or equal to 0 o'clock, the picture becomes black.

V. transparency of opacity

Change the transparency of the image, as shown in the effect:

Code:

#gray {
-webkit-filter:opacity (0.5);

}

CSS3 Fliter 10 kinds of special effects (ii)