Jeu Javascript | Transition et @Keyframe

Faire tourner une icône de chargement c'est bien, mais maintenant, on a de sérieux problème, le système solaire c'est arrêté !! À toi de le remettre en marche !
Pour cela, la NASA m'as contacté et m'as donné quelques données dont tu aura besoin :

  • La vitesse de rotation autour du soleil de chaques planetes est la suivante :
    • Mercure : 0,25 tour/ans
    • Venus : 0,65 tour/ans
    • Terre : 1 tour/ans
    • Mars : 2,05 tours/ans
    • Jupiter : 4,2 tours/ans
    • Saturne : 8,2 tours/ans
    • Uranus : 11,7 tours/ans
    • Neptune : 18 tours/ans
  • Pour plus de visibilité dans tes résultats, je te conseil : 1 tour du soleil par la terre = 2 secondes.
  • La vitesse d'une planete est linéaire et ne s'arrête jamais
  • Chaque planete à une classe qui peut-être appelé par son nom
  • Si tu veux appliquer quelque chose à toutes les planetes, tu peux utiliser le selecteur .circle
@keyframes systemeSolaire {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(1turn);}
}