CSS Feature Support Checker

Visual Effects

Filters, blending modes, masks, and other visual effects for modern UIs.

• ⏳ backdrop-filter

  Apply filters to the area behind an element.

  backdrop-filter: blur(10px)MDN
• ⏳ filter

  Apply graphical effects like blur and color manipulation.

  filter: grayscale(50%)MDN
• ⏳ mix-blend-mode

  Control how element content blends with background.

  mix-blend-mode: multiplyMDN
• ⏳ background-blend-mode

  Blend multiple background layers together.

  background-blend-mode: overlayMDN
• ⏳ clip-path

  Create complex shapes by clipping elements.

  clip-path: circle(50%)MDN
• ⏳ mask-image

  Use images as masks to control element visibility.

  mask-image: linear-gradient(black, transparent)MDN