The "filter" CSS Property

ExperimentalNew in CSS3

Values for "filter"
CSS LevelValue
CSS 2.1(invalid)
CSS3"<filter-function> [<filter-function>]* | none"

Syntax Notes for "filter"

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


  • This experimental property applies effects like blurring or color shifting to an element before it is displayed.
  • 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