CSS HTML Validator - The All-In-One HTML, XHTML, CSS, Link, SEO, and Accessibility Checker
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 url(), 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