Surf the Dream A discourse of links and articles from Justin Avery

3D CSS Solar System

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.

Surf the Dream is a blog that has been running since the mid 2000's when it started on BlogSpot. Over the years it's been rebranded as (now my resume) and (which now redirects back to this site).

I offer consultation services through Simple Things, produce a range of high quality pocket notebooks(including a Solar System Notebook, Space Notebook, and a Guitar Notebook), write about the Universe and run a responsive web design knowledge hub and a RWD Weekly Newsletter.