← Back to release summary

Support for full 'filter' property syntax on SVG elements

Category
Graphics
Type
Chromium catches up
Status
Enabled by default (Chrome 89)
Intent stage
Shipped

Summary

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(...).

Standards & signals

Samples: https://css-tricks.com/almanac/properties/f/filter/

View on chromestatus.com