Proposal

The filter() function in CSS takes an image and a filter. It applies the filter to that image.

For example:
background-image: filter(url(_[URL-to-image]_), blur(5px))

This has been in Safari for a decade, but was never documented on MDN.

Browser support

Safari 9.1+ (unprefixed, 9.0 with prefix)
https://caniuse.com/css-filter-function

Tasks

Documentation on MDN is what's needed.

Dependencies

Additional information

Specification: https://drafts.fxtf.org/filter-effects/#FilterCSSImageValue

Web Platform tests: https://wpt.fyi/results/css/filter-effects/filter-function?label=master&label=experimental&aligned

Interop 2026 proposal: web-platform-tests/interop#1160

Are you willing to support this work?

No response