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.
🍪 Nous utilisons des cookies
Nous utilisons des cookies pour améliorer votre expérience, analyser le trafic et afficher des publicités personnalisées via Google AdSense.
En continuant à utiliser ce site, vous acceptez notre utilisation des cookies.