![]() (If you’ve landed here from somewhere, you can go to the beginning of this tutorial on Deconstructing CSS: Making of the CSS 3 Solar System.) However, our orbits are perfectly round and the magic of Julian’s solar system animation is that the planets move in elliptical orbits, and, more importantly, that they are hidden when they pass behind the sun. ![]() ![]() In our deconstruction of the CSS 3 of Julian Garnier’s fantastic solar system animation, we had managed to have a single planet rotate smoothly around the sun using CSS keyframe animation, with the sun throwing dynamic shadows onto the planet surface. This time, we’ll rotate the entire solar system 3-dimensionally so that the planet orbits become elliptical and the planets actually move behind the sun. In this article we continue our CSS 3 deconstruction of how Julian Garnier’s 3D Solar System was built.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |