Backdrop Invert

Use utilities like backdrop-invert and backdrop-invert-65 to control the color inversion of an element’s backdrop.

Style('...', child: Style('bg-white/30 backdrop-invert-0 ...'))
Style('...', child: Style('bg-white/30 backdrop-invert-65 ...'))
Style('...', child: Style('bg-white/30 backdrop-invert ...'))

Class reference

Class	Description
backdrop-invert-0	backdrop-filter: invert(0%);
backdrop-invert-<number>	backdrop-filter: invert(<number>%); (e.g. backdrop-invert-65)
backdrop-invert	backdrop-filter: invert(100%);