The function allows filtering an CSS input image with a set of filter functions. The used filter functions are the same as for the CSS filter property. The filter() function can be animated as well.


Specification link

Specification currently under development in a Working Group

Status in Chromium


No active development

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No signal
  • In development
  • Positive



It is currently implemented prefixed in WebKit and can be tested in the last WebKit nightly builds. The filter() function is currently part of the Filter Effects specification. And has the support of the SVG and CSS WG.

Last updated on 2020-12-07