May 29, 2010 at 13:24Solar system drawn (not to scale) using CSS3
Alex Girón composed a demo and an explanatory blog post (with source code elements) dedicated to the drawing of the moving solar system using border-radius, CSS animation and CSS affine transformations (namely, animated rotations from 0 ° to 360 °).
In Firefox, this demonstration looks like a motionless illustration:
![[Solar system]](https://habrastorage.org/getpro/habr/post_images/b53/dae/10e/b53dae10ec34d79909c4af4ab3f0e34d.jpg)
In webkit browsers (Chrome, Safari), the planets also rotate in their orbits.
In Explorer, the whole system takes on an extraordinary look:
![[view in IE]](https://habrastorage.org/getpro/habr/post_images/848/b0f/857/848b0f857c7a4069b0122f602b8bc9c5.jpg)
In Firefox, this demonstration looks like a motionless illustration:
In webkit browsers (Chrome, Safari), the planets also rotate in their orbits.
In Explorer, the whole system takes on an extraordinary look: