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

2
5

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

2 Comentarios

Dejar respuesta

Please enter your comment!
Please enter your name here