Système solaire CSS3

Il y a quelques années, j’étais en plein apprentissage du CSS et je voulais me perfectionner dans les animations. L’idée de faire un système solaire css3 me plaisait assez et c’est ainsi que je me suis lancé dans sa conception.

Année

2012

Mission

Le but visé aura été de perfectionner ma compréhension de ce qu’était l’option position qui existe en CSS. Ajouté à cela, l’envie de faire de l’animation et voilà un système solaire CSS3 en full CSS sans code jQuery.

Ce système solaire comporte une petite particularité. En effet, chaque planète et notre lune tournent autour du soleil à la bonne échelle de vitesse. Bien évidement, le temps à été accélérer de manière à ce que la Terre tourne autour du soleil en 12 secondes. A partir de là, j’ai fais les calculs pour adapter la vitesse des autres planètes et de la lune.

J’en retiens un excellent exercice pour apprendre le CSS. Un exercice que je vous recommande de faire par ailleurs si vous êtes débutant, ce sera un bon moyen pour progresser tout en s’amusant.