Abakada ~ Back to Basics   CSS Attributes

---

CSS filters allow authors to manipulate the display of visible objects, with any of several predefined filter effects. This section describes the specific filter effects currently supported.

Filter	Value	Function
blur( )	length	Applies a blur effect to an image.
brightness( )	number or percentage	Adjusts the brightness of an image.
contrast( )	number or percentage	Adjusts the contrast of an image.
drop-shadow( )	length(2,3) [blur color]	Applies a drop shadow effect to an image.
grayscale( )	number or percentage	Renders an image in grayscale.
hue-rotate( )	angle	Applies a hue rotation to an image.
invert( )	number or percentage	Reverses the hue, saturation, and brightness values of an image.
opacity( )	number or percentage	Sets the level of opacity for an image.
saturate( )	number or percentage	Sets the level of saturation for an image.
sepia( )	number or percentage	Renders an image in sepia mode.
url( )	url string	Sets the location of an XML file that specifies an SVG filter.

Understanding and Using CSS Filters, CSS Animation Properties, CSS Transform Functions, CSS Transition Properties