The <filter-function>
CSS data type represents a graphical effect that can change the appearance of an input image. It is used in the filter
and backdrop-filter
properties.
The <filter-function>
data type is specified using one of the filter functions listed below. Each function requires an argument which, if invalid, results in no filter being applied.
blur()
brightness()
contrast()
drop-shadow()
grayscale()
hue-rotate()
invert()
opacity()
saturate()
sepia()
Specification | Status | Comments |
---|---|---|
Filter Effects Module Level 1 The definition of '<filter-function>' in that specification. | Working Draft | Initial definition. |
filter
and backdrop-filter
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function