Backdrop Sepia

Use utilities like backdrop-sepia and backdrop-sepia-50 to control the sepia tone of an element’s backdrop.

Style('...', child: Style('bg-white/30 backdrop-sepia-0 ...'))
Style('...', child: Style('bg-white/30 backdrop-sepia-50 ...'))
Style('...', child: Style('bg-white/30 backdrop-sepia ...'))

Class reference

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