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

Specification link


Specification being incubated in a Community Group

Status in Chromium

Blink>SVG


Enabled by default (tracking bug)

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-04-08