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 @keyframes avec le nom colorChange.
Réglez la fonction de temps sur linear pour 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 infinite fois pour un effet continu.

index.html

index.css

Assignez le nom de la règle @keyframes comme valeur pour la propriété animation-name.
Spécifiez linear comme valeur pour la propriété animation-timing-function pour assurer une vitesse constante.
Définissez la propriété animation-duration à 6000ms pour déterminer la durée de l'animation.
Utilisez infinite comme valeur pour la propriété animation-iteration-count pour répéter l'animation indéfiniment.

index.html

index.css

Tout était clair ?

Merci pour vos commentaires !

Section 4. Chapitre 6

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Contenu du cours

Techniques CSS Avancées

1. Introduction

2. Positionnement des Éléments

3. Transitions

4. Animations

5. Transformations

6. Sites Web et Applications Adaptatifs/Réactifs

7. Préprocesseurs

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 @keyframes avec le nom colorChange.
Réglez la fonction de temps sur linear pour 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 infinite fois pour un effet continu.

index.html

index.css

Assignez le nom de la règle @keyframes comme valeur pour la propriété animation-name.
Spécifiez linear comme valeur pour la propriété animation-timing-function pour assurer une vitesse constante.
Définissez la propriété animation-duration à 6000ms pour déterminer la durée de l'animation.
Utilisez infinite comme valeur pour la propriété animation-iteration-count pour répéter l'animation indéfiniment.

index.html

index.css

Tout était clair ?

Merci pour vos commentaires !

Section 4. Chapitre 6