Guide / CSS — fogli di stile / Animazioni e transizioni
Animazioni e transizioni
transition, @keyframes e animation.
transition anima il cambio tra due stati su proprietà selezionate (duration, easing, delay). @keyframes definisce fotogrammi; animation li applica con nome, durata e iterazione.
Rispetta prefers-reduced-motion: riduci o disattiva movimento non essenziale.
Esempio
@media (prefers-reduced-motion: no-preference) {
.fade { transition: opacity 200ms ease; }
}