CSS Backdrop Filter

Method of applying filter effects (like blur, grayscale or hue) to content/elements below the target element.

CSS filter() function

This function filters a CSS input image with a set of filter functions (like blur, grayscale or hue)

CSS Filter Effects

Method of applying filter effects using the `filter` property to elements, matching filters available in SVG. Filter functions include blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, sepia and saturate.

SVG filters

Method of using Photoshop-like effects on SVG objects including blurring and color manipulation.

canvasrenderingcontext2d api: filter

nodeiterator api: filter

observable api: filter

offscreencanvasrenderingcontext2d api: filter

paintrenderingcontext2d api: filter

serial api: requestport: `filters` `bluetoothserviceclassid` property

treewalker api: filter

css property: backdrop-filter: none

css property: color-interpolation-filters

css property: filter

css property: filter: blur

css property: filter: brightness

css property: filter: contrast

css property: filter: drop-shadow

css property: filter: grayscale

css property: filter: hue-rotate

css property: filter: invert

css property: filter: none

css property: filter: opacity

css property: filter: saturate

css property: filter: sepia

css property: filter: on svg elements

types: `<filter-function>`

types: `<filter-function>`: `blur()`

types: `<filter-function>`: `brightness()`

types: `<filter-function>`: `contrast()`

types: `<filter-function>`: `drop-shadow()`

types: `<filter-function>`: `grayscale()`

types: `<filter-function>`: `hue-rotate()`

types: `<filter-function>`: `invert()`

types: `<filter-function>`: `opacity()`

types: `<filter-function>`: `saturate()`

types: `<filter-function>`: `sepia()`

javascript built-in: array: filter

javascript built-in: iterator: filter

javascript built-in: typedarray: filter

svg element: filter

svg element: filter: filterunits

svg element: filter: height

svg element: filter: primitiveunits

svg element: filter: width

svg element: filter: x

svg element: filter: `xlink:href`

svg element: filter: y

global_attributes: filter

background-filter