BASELINE NowYouCanUse.com
Widely Available CSS
id: filter

filter

The filter CSS property applies one or more graphic effects to an element. You can use filter functions, such as blur() and drop-shadow(), alone or combined to produce different effects. For instance, filter: blur(2px).
Baseline Status: Achieved Widely Available on Mar 7, 2019 (Cross-browser Newly Available since Sep 7, 2016).
Desktop Browser Engine Support
Google Chrome
53
Supported
Mozilla Firefox
35
Supported
Apple Safari
9.1
Supported
Microsoft Edge
12
Supported
Mobile Browser Engine Support
Chrome Android
53
Firefox Android
35
Safari iOS
9.3
Specifications and References
Specification ↗ Can I Use (css-filters) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
css.properties.filter ↗ css.properties.filter.blur ↗ css.properties.filter.brightness ↗ css.properties.filter.contrast ↗ css.properties.filter.drop-shadow ↗ css.properties.filter.grayscale ↗ css.properties.filter.hue-rotate ↗ css.properties.filter.invert ↗ css.properties.filter.opacity ↗ css.properties.filter.saturate ↗ css.properties.filter.sepia ↗ css.types.filter-function ↗ css.types.filter-function.blur ↗ css.types.filter-function.brightness ↗ css.types.filter-function.contrast ↗ css.types.filter-function.drop-shadow ↗ css.types.filter-function.grayscale ↗ css.types.filter-function.hue-rotate ↗ css.types.filter-function.invert ↗ css.types.filter-function.opacity ↗ css.types.filter-function.saturate ↗ css.types.filter-function.sepia ↗