Animación del Sistema Solar con CSS3



Sistema Solar en CSS3Cuando me pasaron esta mañana el enlace por e-mail, al leer la cabecera, no pensé que el resultado fuera tan fino. Ahora, cuando he tenido tiempo de verlo con un poco de calma, creo que es toda una obra de arte. Mucho se habla últimamente sobre la guerra entre Apple y Flash, que si HTML5 y CSS3, junto con un poco de magia JavaScript pueda, o no, terminar con Flash.

En realidad, será el tiempo, los desarrolladores y usuarios quienes terminen por decidir si esta batalla tiene algún sentido. Nada de esto importa para lo que aquí interesa: una nueva forma de presentar animaciones sin emplear flash, basada en las propiedades de CSS3. El experimento, ideado por Neography, es una simple representación de nuestro Sistema Solar. Se «dibuja» desde la hoja de estilos la órbita de cada planeta, que se encuentran animados para quien disfrute de un navegador que soporte el motor de render WebKit, como pueden ser Safary o Chrome. Ver moverse a los planetas y pensar que ahí no hay flash es una experiencia singular. Estudiar luego el código y las explicaciones técnicas no tiene precio.

Por cierto, quien lo vea con Internet Explorer creo que se llevará una desagradable sorpresa… :-S