Backdrop Brightness
Use backdrop-brightness utilities to control the brightness of the area behind an element.
Basic example
Section titled “Basic example”Use utilities like backdrop-brightness-50 and backdrop-brightness-150 to control an element’s backdrop brightness:
Style('...', child: Style('bg-white/30 backdrop-brightness-50 ...'))Style('...', child: Style('bg-white/30 backdrop-brightness-150 ...'))Class reference
Section titled “Class reference”| Class | Description |
|---|---|
backdrop-brightness-0 | Set backdrop brightness to 0 |
backdrop-brightness-50 | Set backdrop brightness to 0.5 |
backdrop-brightness-75 | Set backdrop brightness to 0.75 |
backdrop-brightness-100 | Set backdrop brightness to 1 |
backdrop-brightness-125 | Set backdrop brightness to 1.25 |
backdrop-brightness-150 | Set backdrop brightness to 1.5 |
backdrop-brightness-200 | Set backdrop brightness to 2 |