Colección de efectos hover para imágenes

Este tipo de ideas puede que sirvan como herramienta pero dada su naturaleza, es posible que también los inspire para elaborar sus propias creaciones. Lo bueno es que a partir de la información que nos brinda su creador, se abren un nuevo mundo de posibilidades para que los efectos sobre imágenes en una galería o slider sean atractivos y destacados en su justa medida.

El artículo nos ofrece una buena cantidad de alternativas para desplegar información con el movimiento del mouse sobre cualquier imagen que tengamos presentada en nuestro diseño, esto permite agregar no solo dinamismo sino indicar el destino o ampliar las características de lo que se muestra.

Hover Effect Ideas

Descargar Hover Effect Ideas | Ver Demos | Codrops

El resultado en todos los casos es atractivo aunque deberán tener en cuenta la finalidad de la imagen para decidir cuál resulta realmente útil. Hay muchas ideas para aplicar y son bastante simples no solo de emular en sus propios diseños sino de modificar para que formen parte de un todo que ya tengan ideado.

También deberán tener en cuenta que al tratarse de propiedades CSS, habrá algunos exploradores que no admitan ciertos efectos o que los muestren mal, por lo que primero al seleccionar uno habrá que probarlo y en caso de que no se vea bien, generar una alternativa para evitar que todo se rompa o no se vea bien. A veces es mejor sacrificar algunas cosas lindas por el bien del usuario, aunque para mi lo mejor sería hacer una versión que elimine el efecto solo para esos exploradores.

No he tenido la posibilidad de probarlo en todos, pero en aquellos que son modernos funciona muy bien y todo se ve correctamente además de resultar estéticamente muy atractivo. Se pueden jugar con las tipografías y los colores para que la combinación con sus diseños sea ideal y no agrega peso ni archivos innecesarios a la composición.

Categorizado en: