Clases de Opacidad en Tailwind
| Clase |
CSS |
Ejemplo |
| opacity-100 |
opacity: 1; |
100% |
| opacity-75 |
opacity: 0.75; |
75% |
| opacity-50 |
opacity: 0.5; |
50% |
| opacity-25 |
opacity: 0.25; |
25% |
| opacity-0 |
opacity: 0; |
0% |
text-opacity / bg-opacity (sintaxis antigua)
Texto opacidad 100
Texto opacidad 50
Texto opacidad 25
Fondo opacidad 100
Fondo opacidad 50
Fondo opacidad 25
bg-color/valor y text-color/valor (nueva sintaxis)
bg-purple-500/100
bg-purple-500/75
bg-purple-500/50
bg-purple-500/25
text-blue-500/100
text-blue-500/75
text-blue-500/50
text-blue-500/25