Was mit Cascading Style Sheets alles möglich ist demonstriert Alex Girón mit seinem animierten Sonnensystem – er hat es nur mit CSS und HTML realisiert. Eine schöne runde Sache, solange man nicht mit dem Internet Explorer das Universum erkunden will.

Bei seinem Experiment mit verschiedenen CSS3 Befehlen hat Alex Girón eine kleine aber feine Simulation unseres Sonnensystems kreiert, welche er komplett mit CSS und HTML verwirklicht hat
In den Genuss der sich drehenden Planeten kommt allerdings nur, wer mit WebKit-basierten Browsern, also Safari und Chrome, durchs Web reist. Allerdings funktioniert wiederum nur Safari ohne Verzögerungseffekt.
Orbit und Planeten sind mit border-radius designt, die Animation mittels WebKit animations und tranforms.

Ansicht unseres Sonnensystems mit einem modernen Webbrowser, wobei Nutzer anderer Browser als Safari und Chrome das Sonnensystem nur statisch sehen.

 

Eine Sonderrolle spielt natürlich wieder der Internet Explorer, der den border-radius Befehl nicht umsetzt. Was dabei rauskommt ist das quadratische Paralleluniversum des Internet Explorers:

Das Universum des Internet Explorer: ein Fall für Kubisten.

Mehr zur Animation:  http://neography.com/journal/our-solar-system-in-css3/