Rotating Planets

This project was mainly created as a way to get acquainted with the new animation and filter features of CSS3. I tried to keep the distances and sizes (except for the sun) relative to the real ones, this is the reason why it stops at Earth. Including Jupiter would mean the other planets were less than a pixel in size.

No JavaScript or images were used in this little project, the little continents on Earth are characters with a blur filter added to it.

Goals:
  • Get familiar with the new additions of CSS3
  • Only rely on HTML5 and CSS3