Galería de imágenes CSS3 y con efecto Lightbox

Una de las mejores formas de apreciar la potencia de CSS3 es a través de ejemplos, y una excelente muestra es, sin lugar a duda, la galería creada por Tom Kenny, que utiliza CSS3 y un poco de jQuery para obtener un excelente resultado, que pueden ver directamente desde la demostración online.

La galería de imágenes con CSS3 cuenta no solo con animaciones a la hora de posicionar el puntero del ratón por encima de los elementos, sino que provee de un atractivo lightbox para mostrar la descripción correspondiente a cada miniatura.

galeria imagenes css3

La galería a su vez, muestra algo que es interesante, precisamente es un excelente ejemplo demostrando una forma de implementar CSS3 hoy en día salvando las diferencias entre los distintos navegadores, contemplando en algunos casos la posibilidad de que el navegador del usuario no tenga la capacidad de interpretar CSS3.

Lamentablemente no hay una descarga directa de todos los archivos, no obstante y al tratarse de una galería que se genera pura y exclusivamente con CSS3 y javascript podemos copiar directamente el código fuente desde el navegador e implementarlo nosotros mismos en nuestros proyectos.

Les recomiendo visitar el tutorial que acompaña la galería CSS3 en donde se explican muchas de las decisiones y metodología utilizadas para que la galería funcione.

Web: 3dgallery

Categorizado en: