Invert

Demo Info

Demo Information

6basic

Learn how backdrop-filter invert inverts the colors of the background behind an element.

backdrop-filter: invert(1.0);
/* Values: 0 (no effect) to 1 (fully inverted) */
/* Inverts the colors of the background */

Invert Backdrop Filter

50% inverted

Partially inverted colors

100% inverted

Completely inverted colors

Subtle invert

Slight color inversion

Heavy invert

Mostly inverted colors