3D CSS Solar System

3D CSS3 Solar System from Code Pen
3D CSS3 Solar System from Code Pen

I’m forever and continually amazed by what people can do with a little bit of HTML, CSS and Javacript. This code pen example is certainly no exception to the rule.

You can change between 2D and 3D view, compare the speed, the distance and also the size of each of the planets and the sun.

Each view doesn’t maintain scale, but each scale is accurate for the relative view (check it out to see what I mean).

I love building things like this in my spare time, if you ever have any ideas don’t be afraid to get in touch.

Leave a comment

Your email address will not be published.