<filter-function>
Refers to the specific functions used within the 'filter' property, such as 'blur()', 'contrast()', 'sepia()', or 'drop-shadow()'.
Syntax
/* Usage Example */
.special-effect {
/* Multiple filter functions combined */
filter: contrast(150%) brightness(80%) blur(2px);
}<filter-function> Browser support
Widely available
Since
2016 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2016.
18+
35+
6+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more