🏠 New in High Baseline Support: filter

March 7, 2019

caniuse · mdn · spec

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.

Source features

• css.types.filter-function [mdn]
• css.types.filter-function.blur [mdn]
• css.types.filter-function.brightness [mdn]
• css.types.filter-function.contrast [mdn]
• css.types.filter-function.drop-shadow [mdn]
• css.types.filter-function.grayscale [mdn]
• css.types.filter-function.hue-rotate [mdn]
• css.types.filter-function.invert [mdn]
• css.types.filter-function.opacity [mdn]
• css.types.filter-function.saturate [mdn]
• css.types.filter-function.sepia [mdn]
• css.properties.filter [mdn]