Générateur d'animation CSS pour les paresseux.
Animations CSS
CSS permet l'animation d'éléments HTML sans utiliser JavaScript ou Flash
Dans ce chapitre, vous découvrirez les propriétés suivantes :
- @images clés
- nom-animation
- durée-animation
- retard d'animation
- nombre d'itérations d'animation
- animation-direction
- fonction de synchronisation d'animation
- mode-remplissage-animation
- animation
Préfixes spécifiques au navigateur
Certains navigateurs plus anciens ont besoin de préfixes spécifiques (-webkit-) pour comprendre les propriétés de l'animation
Que sont les animations CSS ?
Une animation permet à un élément de passer progressivement d'un style à un autre.
Vous pouvez modifier autant de propriétés CSS que vous le souhaitez, autant de fois que vous le souhaitez.
Pour utiliser l'animation CSS, vous devez d'abord spécifier des images clés pour l'animation.
Les images clés contiennent les styles que l'élément aura à certains moments.
La règle @keyframes
Lorsque vous spécifiez des styles CSS dans la règle @keyframes, l'animation passera progressivement du style actuel au nouveau style à certains moments.
