Ilusión de elementos superpuestos con CSS3

Las CSS3 permiten a los diseñadores web usar técnicas inteligentes de CSS para crear impresionantes efectos visuales más flexibles sin necesidad de complejas animaciones.

La técnica de Tom Kenny’s Stacked Elements con CSS es un ejemplo que muestra una serie de fotos con marco con el efecto 3d de tenerlas apiladas que al pasar el ratón por encima de ellas se ordenan.

Elementos apilados con CSS3

Tom Kenny ha usado los pseudo-elementos :before and :after para producir un efecto de pila de imágenes. La ilusión se crea al usar una pareja de imágenes escondidas que no podemos ver. Un poco de :before y :after y CSS y observa el resultado!

Como no hay que advertir que sólo Firefox soporta la transición :before y :after, por lo que si quieres integrarlas para el resto de navegadores necesitaras jQuery o o CSS hacks.

Para obtener el codigo de Tom Kenny’s Stacked Elements con CSS.
Para ver el efecto de pila de imágenes.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *