1. CSS Backdrop Filter

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

  2. CSS filter() function


  3. 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.

  4. selector list argument of :nth-child and :nth-last-child CSS pseudo-classes

    The newest versions of `:nth-child()` and `:nth-last-child()` accept an optional `of S` clause which filters the children to only those which match the selector list `S`. For example, `:nth-child(1 of .foo)` selects the first child among the children that have the `foo` class (ignoring any non-`foo` children which precede that child). Similar to `:nth-of-type`, but for arbitrary selectors instead of only type selectors.

  5. CSS touch-action property

    touch-action is a CSS property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes) or double-tap-zooming.

  6. SVG effects for HTML

    Method of using SVG transforms, filters, etc on HTML elements using either CSS or the foreignObject element

  7. css property: filter

  8. css property: filter: on svg elements

  9. types: filter-function

  10. types: filter-function: `blur()`

  11. types: filter-function: `brightness()`

  12. types: filter-function: `contrast()`

  13. types: filter-function: `drop-shadow()`

  14. types: filter-function: `grayscale()`

  15. types: filter-function: `hue-rotate()`

  16. types: filter-function: `invert()`

  17. types: filter-function: `opacity()`

  18. types: filter-function: `saturate()`

  19. types: filter-function: `sepia()`

  20. background-filter