CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Help: "filter" CSS property

The "filter" CSS Property

This property applies graphical effects like blurring or color shifting to an element before it is displayed.

Values for "filter"
CSS LevelValue
Filter Effects Level 1"none | <filter-value-list>", where <filter-value-list> = "[ <filter-function> | <url> ]+"

Syntax Notes for "filter"

  • <filter-function> includes blur(), brightness(), contrast(), drop-shadow(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), and sepia().


  • Originally filter was an Internet Explorer proprietary property in IE5.5 to IE9 (it was removed in IE10). This IE proprietary property is now considered obsolete and should no longer be used. Use the "new" non-proprietary filter property instead, but note that it is still considered experimental at the time of this writing.

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem