backdrop-filter: brightness()
En esta página
| Clase | Propiedades CSS |
|---|---|
backdrop-brightness-<number> |
backdrop-filter: brightness(<number>%); |
backdrop-brightness-(<custom-property>) |
backdrop-filter: brightness(var(<custom-property>)); |
backdrop-brightness-[<value>] |
backdrop-filter: brightness(<value>); |
Examples#
Basic example#
Use utilities like backdrop-brightness-50 and backdrop-brightness-100 to control an element's backdrop brightness:
{
backdrop-brightness-50
backdrop-brightness-150
<!-- [!code classes:backdrop-brightness-50,backdrop-brightness-150] -->
<div class="bg-[url(/img/mountains.jpg)]">
<div class="bg-white/30 backdrop-brightness-50 ..."></div>
</div>
<div class="bg-[url(/img/mountains.jpg)]">
<div class="bg-white/30 backdrop-brightness-150 ..."></div>
</div>