opacity
En esta página
| Clase | Propiedades CSS |
|---|---|
opacity-<number> |
opacity: <number>%; |
opacity-(<custom-property>) |
opacity: var(<custom-property>); |
opacity-[<value>] |
opacity: <value>; |
Examples#
Basic example#
Use opacity-<number> utilities like opacity-25 and opacity-100 to set the opacity of an element:
{
opacity-100
opacity-75
opacity-50
opacity-25
<!-- [!code classes:opacity-100,opacity-75,opacity-50,opacity-25] -->
<button class="bg-indigo-500 opacity-100 ..."></button>
<button class="bg-indigo-500 opacity-75 ..."></button>
<button class="bg-indigo-500 opacity-50 ..."></button>
<button class="bg-indigo-500 opacity-25 ..."></button>