Efectos CSS3: Transiciones ( I )

Hoy en día podemos crear una serie de efectos muy visuales en CSS3, este nos brinda una serie de herramientas que con un poco de creatividad, podemos obtener unos resultados bastante llamativos.

Creación de efecto de transición con hover usando únicamente CSS3.



Esqueleto

Tenemos 3 div, el padre de todos, que es el que tiene el fondo rojo con el logo, con un hijo directo que es el que tiene de fondo la Imagen del coche, y a su vez tiene un hijo que es el desplegable informativo de la izquierda.

Con relativamente pocas lineas de CSS podemos conseguir este efecto.

Gif del Efecto (Sí, el gif se ve mal, en el Demo es donde se aprecia realmente el efecto).

Demo del Efecto

Descargar el Efecto