<filter-function>

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() (en-US)

Blurs the image.

brightness() (en-US)

Makes the image brighter or darker.

contrast() (en-US)

Increases or decreases the image's contrast.

drop-shadow() (en-US)

Applies a drop shadow behind the image.

grayscale()

Converts the image to grayscale.

hue-rotate() (en-US)

Changes the overall hue of the image.

invert() (en-US)

Inverts the colors of the image.

opacity()

Makes the image transparent.

saturate() (en-US)

Super-saturates or desaturates the input image.

sepia()

Converts the image to sepia.

• Properties that use this data type: filter (en-US) and backdrop-filter