CSS3 Filter

CSS3 filter allows us to apply some visual graphics effects, like brightening or blurring, to the HTML elements.

Following effects are available to be applied using filter property:

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

Examples:

JSFiddle