<filter-function> | CSS Types & Functions

Refers to the specific functions used within the 'filter' property, such as 'blur()', 'contrast()', 'sepia()', or 'drop-shadow()'.

Quick example

.special-effect {
  /* Multiple filter functions combined */
  filter: contrast(150%) brightness(80%) blur(2px);
}

Limited availability96% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

9.1+