Glossaire · Animation
Keyframe
Image clé : un moment de l’animation où l’on définit l’apparence d’un élément ; entre deux keyframes, le navigateur calcule le mouvement.
En détail
Dans une animation, on ne définit que les moments importants (l’élément apparaît, arrive à sa place, disparaît) et le navigateur complète ce qui se trouve entre eux. Ces moments sont les keyframes.
En CSS, ils s’écrivent avec @keyframes. En JavaScript, la Web Animations API (elemento.animate()) accepte la même liste de moments et une durée, par exemple « déplace ceci pendant 0,6 seconde ».
Exemple
@keyframes entra { from { opacity: 0 } to { opacity: 1 } }Termes associés
Mettez les termes en pratique.
Essayez-le avec une vraie campagne.