Allows the full syntax of the 'filter' property to be used on SVG elements which previously only supported single url(...) references. This allows filter functions such as blur(...), sepia(...) and grayscale(...) to apply to SVG elements as well as non-SVG elements. It makes the platform support for 'filter' more uniform and allows for easier application of some "canned" effects.

Motivation

Without this feature developers need to use a full SVG <filter> element definition even for basic filters like grayscale(...) or blur(...).

Demo

Specification

Editor's draft

Status in Chromium

Blink>SVG


Enabled by default (tracking bug) in:

  • Chrome for desktop release 89
  • Chrome for Android release 89
  • Android WebView release 89

Consensus & Standardization

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

Owner

Search tags

svg filters,

Last updated on 2021-02-14