Viktor H. Morales

Diseñador gráfico y Web. WordPress. Emprendedor. Viajero.

CSS3: introducción animada

Trabajando en la web de alquiler online de DVDs y BLU-RAY Adelphos Dam DVD se nos ocurrió poner una introducción “al estilo pelicula” y de ahí nace el código que presento a continuación, pero antes, claro, un ejemplo (para volver a verlo, click en la pestaña “Result”).

Y ahora si el código (navegar sobre las pestañas para mostrar los códigos correspondientes)

Hay que jugar con las opciones de animation y los keyframes. Se pueden agregar más elementos aumentando de dos en dos la opción animation-delay.

Y acá el código en SCSS + COMPASS:

Siempre estoy disponible para cualquier consulta o mejoras (que siempre las hay). Espero sea de utilidad.

Deja tus comentarios!