filter

The filter property applies graphical effects like blur or color shift.

Formal Syntax

filter = none | <filter-value-list> <filter-value-list> = [ <filter-function> | <url> ]+

Initial value: none
Applies to: All elements. In SVG, it applies to container elements without the defs element, all graphics elements and the use element.
Inherited: no
Percentages: n/a
Computed value: as specified
Animation type: See prose in Animation of Filters.
Media: visual

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
filter	53	35	9.1	12
blur	18	35	6	12
brightness	18	35	6	12
contrast	18	35	6	12
drop-shadow	18	35	6	12
grayscale	18	35	6	12
hue-rotate	18	35	6	12
invert	18	35	6	12
none	18	35	6	12
opacity	18	35	6	12
saturate	18	35	6	12
sepia	18	35	6	12
svg_elements	89	35	—	89