Galería de imágenes con opciones hover en CSS

Hoy en día la mayor parte de las empresas, sin importar a qué se dediquen, necesitan mostrar galerías de imágenes que ofrezcan una vista rápida del trabajo que realizan, ya sean arquitectos, diseñadores o incluso, corporaciones que comercializan productos fabricados por ellos mismos necesitan hacer uso de las galerías de imágenes en sus sitios institucionales para que los clientes potenciales puedan acceder a su producción de forma rápida y clara.

Es así como los portfolios, que antes eran de uso casi exclusivo de los creativos gráficos, ampliaron su espectro para incluir a casi todo tipo de actividades. Por otro lado, el avance de las tecnologías de diseño web y la implementación de nuevas técnicas CSS y HTML, ofrecen nuevas opciones para que incluir esta herramienta en un sitio web o aplicación sea sumamente fácil y al mismo tiempo los efectos de los que se puede hacer uso, agregan algo de movimiento e interactividad entre el cliente y la información descriptiva.

InContent CSS Galery Hover

Descargar InContent | Codepen

InContent es una galería que no requiere la utilización de scripts js y realiza todo tipo de animaciones que si bien se ven en la vista previa, pueden seguir generándose a partir de la modificación de sus variables en el css. Además del efecto hover, las imágenes tambien se modifican cuando el mouse pasa sobre ellas, otorgando así un doble movimiento que resulta vistoso.

El hecho de no tener que recurrir a un archivo .js no solo optimiza los recursos de transferencia sino que lo hace mucho más fácil de controlar para aquellos que conocen más sobre CSS. El resultado es excelente y solo queda probar la compatibilidad entre dispositivos y exploradores que suele siempre ser un problema sobretodo con tecnologías que aún no están del todo reguladas. Aún así es una buena herramienta no solo para utilizar sino para aprender las opciones que nos ofrece CSS.