Défi : Ajouter une Animation
Tâche
Améliorez l'attrait visuel du formulaire d'autorisation en ajoutant une animation au bouton "Log in". Suivez ces étapes :
- Spécifiez la valeur correcte pour la propriété
animation-name, en utilisant les changements d'état prédéfinis définis dans la règle@keyframesavec le nomcolorChange. - Réglez la fonction de temps sur
linearpour assurer une vitesse constante tout au long de l'animation. - Définissez une durée pour que l'animation dure
6000ms. - Configurez l'animation pour qu'elle se répète
infinitefois pour un effet continu.
index.html
index.css
- Assignez le nom de la règle
@keyframescomme valeur pour la propriétéanimation-name. - Spécifiez
linearcomme valeur pour la propriétéanimation-timing-functionpour assurer une vitesse constante. - Définissez la propriété
animation-durationà6000mspour déterminer la durée de l'animation. - Utilisez
infinitecomme valeur pour la propriétéanimation-iteration-countpour répéter l'animation indéfiniment.
index.html
index.css
Tout était clair ?
Merci pour vos commentaires !
Section 4. Chapitre 6