Opacity steps, brightness/saturate filters, transforms, transitions and the v1 animation set. The frozen v1.0.0 stylesheet contains 65 classes in this family.
Classes#
| Class | Notes |
|---|---|
transition-none | — |
transition-all | — |
transition-fast | — |
transition-slow | — |
transition-bounce | — |
transition-colors | — |
transition-opacity | — |
transition-transform | — |
scale-0 | — |
scale-50 | — |
scale-75 | — |
scale-90 | — |
scale-95 | — |
scale-100 | — |
scale-105 | — |
scale-110 | — |
scale-125 | — |
scale-150 | — |
rotate-0 | — |
rotate-45 | — |
rotate-90 | — |
rotate-180 | — |
rotate-270 | — |
opacity-0 | — |
opacity-5 | — |
opacity-10 | — |
opacity-20 | — |
opacity-25 | — |
opacity-30 | — |
opacity-40 | — |
opacity-50 | — |
opacity-60 | — |
opacity-70 | — |
opacity-75 | — |
opacity-80 | — |
opacity-90 | — |
opacity-95 | — |
opacity-100 | — |
animate-fadeIn | — |
animate-fadeOut | — |
animate-slideInUp | — |
animate-slideInDown | — |
animate-slideInLeft | — |
animate-slideInRight | — |
animate-pulse | — |
animate-bounce | — |
animate-spin | — |
animate-neonGlow | — |
backdrop-blur-sm | — |
backdrop-blur-md | — |
backdrop-blur-lg | — |
backdrop-blur-xl | — |
blur-sm | — |
blur-md | — |
blur-lg | — |
brightness-50 | — |
brightness-75 | — |
brightness-100 | — |
brightness-125 | — |
brightness-150 | — |
Usage#
index.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/nakshora/nakshora@main/minified-version/v1.0.0.css" />
<div class="transition-none">…</div>Scaling beyond v1#
v1 utilities are frozen — no JIT, no arbitrary values. When you outgrow them, the releases/migration-v1-to-v3|migration guide moves you to the modern engine where this family gains responsive variants, state variants and 11,417 utilities.