Y las hojas de estilo (CSS) inventaron el cine…

2
68

Increíble esta animación de este caballo hecha con hojas de estilo (CSS), que se usan para el diseño de páginas web, y los efectos parallax. Desde el vídeo-clip de AC/DC hecho con Excel no había visto nada igual.

Al más puro estilo de los primeros zoótropos conseguirás, con sólo redimensionar la ventana del navegador una y otra vez, que el caballo cabalgue. Es como en los albores del cine.

Mejor mira aquí el ejemplo del caballo. Recuerda que tienes que hacer grande y pequeña la ventana del navegador.

animacion-css-parallax

También tienes este ejemplo de una especie de “mancuerna” que gira en 3D al redimensionar la ventana.

Y mira este otro de un paisaje con profundidad, donde puedes ver las posibilidades de las CSS y el parallax. Aquí sólo tienes que mover el ratón sobre el paisaje. Pulsa en la imagen para ir a la web que muestra el efecto.

paisaje-css-parallax

Un nuevo camino se abre en este campo de las hojas de estilo ¿Te imaginas ver películas en tu navegador con tan sólo mover la ventana?

Descubierto en cssblog
Comparte esto en:

2 Comentarios

Deja una respuesta

Please enter your comment!
Please enter your name here