toggle

Distintos Efectos Hover Para Imágenes (Halloween)

min Image Hover halloween
Demostración Descargar Repositorio

—Versión actual 1.00

Siguiendo con los efectos hover para imagenes, esta vez desarrollé unos sencillos con la temática de "el dia de brujas" o halloween, dependiendo de como lo conozcan. Técnicamente, funciona exactamente igual que Image Hover, que son los efectos que compartí anteriormente, lo único que cambia es la interacción al pasar el mouse encima de la imagen.


Instalación

Para comenzar, Descarga el archivo que se encuentra adjunto en esta entrada y luego incluir imagehover-ween.min.css arriba de </head> de la siguiente forma:


<link rel="stylesheet" href="imagehover-ween.min.css"/>

En el html hay que crear un contenedor y agregar la class iwhover + el efecto que desees, puedes elegir entre ghost, ghost2, ghost3, pumpkin, pumpkin2, pumpkin3, misc, misc2, misc3:


<a class="iwhover ghost" href="#pageUrl"><img src="img/img-01.jpg"/></a>

Las limitaciones son las mismas que con Image Hover, es decir, que cada imagen necesita un contenedor independiente.