Animations CSS

Difficile 25 points

Créez une animation CSS qui fait tourner la div violette en continu (rotation 360 degrés).

Les animations CSS permettent de créer des effets visuels fluides sans JavaScript. @keyframes définit les étapes de l'animation, et la propriété animation applique l'animation avec durée, timing-function et répétition. linear assure une vitesse constante, infinite répète indéfiniment.

Bravo ! 🎉
Votre réponse est correcte ! Vous avez gagné 25 points.
Pas tout à fait...
Réessayez ! Vous pouvez le faire.

Votre code

Indice
Complétez le @keyframes avec to { transform: rotate(360deg); } et ajoutez animation: rotate 2s linear infinite; à .box.

Résultat

Cliquez sur "Exécuter le code" pour voir le résultat de votre code. Cliquez sur "Soumettre" pour vérifier si votre réponse est correcte.