65+ Efectos hover para imágenes con CSS3 y jQuery

Estos efectos hover para imágenes están creados con jQuery y CSS3, tutoriales y plugins con animaciones.

 

HoverAlls

 

Pieces

Efectos con JavaScript que te permite dividir una imagen en varios trozos separados que puedes animar con diferentes efectos. Viene con 300 animaciones diferentes y una herramienta que te permite crear tus propias animaciones.

 

Pack de Efectos Hover

Una colección de efectos de hover para animaciones en imágenes. Fácil instalación, más de 100 efectos diferentes, pure CSS, integración con Font Awesome. Botones con efectos de transición, overlay y contenidos.

 

Tarjeta que se da la vuelta, efecto flipping en 3D

Con jQuery, JavaScript y CSS3

 

Efecto Hover para imágenes Zalki

Con este plugin puedes conseguir animaciones hover de imágenes, 30 animaciones jQuery. El plugin automáticamente calcula el tamaño de las imágenes para ajustar la configuración, incluso si existen varias imágenes de tamaños diferentes en la misma página.

 

Tarjetas e imágenes giratorias con jQuery y CSS3

Una colección de efectos flip para hacer girar imágenes con efecto 3D, CSS3 y jQuery.

 

Efecto hover con formas

Con este tutorial puedes recrear un efecto hover con diferentes formas.

 

Animación con efecto en los bordes

Animaciones elegantes con bordes

 

Efectos de transiciones con bordes

Algunas animaciones con bordes

 

Iconos de redes sociales con efectos hover

 

Efecto de apertura animada

Cómo crear un efecto de apertura en 3D

 

Animaciones y transiciones

 

 

Efectos hover con iconos

 

Botones CSS con efectos hover para bocadillos de ayuda

 

Efectos hover con subtítulos

 

Portfolio plano con estilo de banners publicitarios

 

Efectos creativos para botones

 

Efectos hover originales

 

Efectos hover con transiciones

 

Animaciones con tiles

 

Sigue al gato

 

Texto con hover

 

Logo con Slim y SCSS

 

Menú CSS3 con hover

 

Bandera

 

Perfil CSS con efecto hover

Hover con efecto de rotación

 

Efecto con estilo múltiple

 

Efecto con navegación de rejilla / grid

 

Slide Diagonal

 

Publicación de post con efecto hover de imagen

 

Caja CSS

 

Lightbox

 

Menús para compartir en redes sociales con contador

 

Logo animado sin imágenes

 

Información de producto

Menú que se activa con javascript y muestra información adicional sobre el producto.

 

Sobre animado

 

Logo animado

 

Disco de vinilo

 

FlipCard

 

Logo retro

 

Efecto hover jQuery simple

 

Efecto de Zoom con jQuery y CSS

 

Efecto hover con escala de grises

Ideal para mostrar elementos de portfolios sencillos

 

Efecto de reflexión

 

Zoom de imagen con mouseover

 

Cajas deslizantes

 

Efecto para thumbnails

 

Efecto para thumbnails con zoom

Efecto mouseover de previsualización de imagen

 

Efecto tooltip

 

Efecto hover con tooltip

 

Efecto hover

 

Efecto sencillo con tooltips

 

Efecto roll sobre enlaces

 

Otro efecto similar al anterior

 

Efecto zoom

Efecto hover con jQuery y CSS3

 

BloxHover

Incluye 10 efectos diferentes para animar imágenes. Puedes añadir HTML sobre una capa superpuesta a la imagen.

 

Mostrar imagen en caja de destino

Este plugin muestra una imagen en una caja de destino, ideal para portfolios, imágenes de productos, screenshots, etc.

 

Portfolio con zoom

 

Hover mate

Este plugin está ideado para realizar efectos de animaciones sobre imágenes cuando haces hover con el ratón.

 

Efectos Zalki

Con este plugin puedes conseguir efectos hover con animaciones. Fácil de usar y configurar. Incluye 30 efectos diferentes.

 

Swinzy Zoom

Incluye efectos de zoom sobre imágenes, con multitud de niveles de zoom diferentes y varias configuraciones.

 

HoverEx

Incluye 36 animaciones hover para imágenes y 18 plantillas incluyendo sliders y zooms.

 

Visor de imágenes Giga

Este visor de imágenes muestra imágenes grandes sin perder toda la imagen, solo carga fragmentos de la imagen grande dividida en pequeños trozos.

 

Zoome

Un plugin jQuery para realizar efectos de zoom sobre imágenes con efectos añadidos como escala de grises, transparencias, blur, etc.

 

Menú circular jQuery

Deja un comentario