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);}
}