Glossario · Animazione
Keyframe
Fotogramma chiave: un momento dell’animazione in cui si definisce com’è un elemento; tra due keyframe il browser calcola il movimento.
In dettaglio
In un’animazione definisci solo i momenti importanti (l’elemento compare, arriva al suo posto, scompare) e il browser riempie ciò che c’è in mezzo. Questi momenti sono i keyframe.
In CSS si scrivono con @keyframes. Con JavaScript, la Web Animations API (elemento.animate()) accetta la stessa lista di momenti e una durata, per esempio «muovi questo per 0,6 secondi».
Esempio
@keyframes entra { from { opacity: 0 } to { opacity: 1 } }