in

Thug lifeThug life GeekyGeeky No me gustaNo me gusta

Librerías CSS para mejorar el efecto Hover

Efectos de círculos y cuadrados
Efectos de círculos y cuadrados

En este artículo te vamos a presentar librerías CSS para mejorar el efecto Hover, de esta manera podrás mejorar el efecto de activación (Hover) en tus páginas Web, tanto en texto como en imágenes (haremos hincapié en las imágenes).

Los efectos que puedes hacer son desplazamientos, zoom, fundidos, rebote, temblores, proyectos, etcétera.

 

Image Hover Effects

Comenzaremos con Image Hover Effects, en esta plataforma encontrarás una colección de 16 imágenes de efectos con subtítulos. Solo tendrás que apoyar el cursor sobre la imagen y copiar el código HTML y CSS de cada efecto.
Image Hover Effects es una página Web, donde encontrarás los efectos de manera gratuita.

Efecto de activación
Efecto de activación

 

 

iHover

iHover es una librería de efectos de activación automática para CSS, dentro de estos efectos encontrarás 20 efectos de círculos y 15 de efectos cuadrados.
iHover es una página Web que te ofrece todos los efectos de forma gratuita.

Efectos de círculos y cuadrados
Efectos de círculos y cuadrados

 

 

Hover CSS

Hover CSS es una página Web que te otorga efectos Hover que podrás añadir a cualquier elemento (botón, enlace o imagen). Las transiciones que encontrarás son 2D, sombra, resplandor y bordes entre otros tanto efectos. Las librerías están disponibles en CSS, Sass y LESS.
Hover CSS es una página Web que te ofrece todos los efectos de forma gratuita. (Tendrás que descargarlos).

Descargas de GitHub
Descargas de GitHub

 

 

CSS Image Hover Effects

En CSS Image Hover Effects encontrarás 15 efectos de activación sencillo, pero rápidos de aplicar en tu página Web. Algunas transiciones que puedas encontrar son rotación, escala de gris, desenfoque y opacidad entre otras transiciones.
CSS Image Hover Effects es una página Web que te ofrece todos los efectos de forma gratuita.

Buenos efectos Hover
Buenos efectos Hover

 

Direction-aware 3D hover effect

Terminaremos con Direction-aware 3D hover effect que detecta el último movimiento del cursor del ratón, para realizar un hermoso efecto Hover en 3D, dando un cuerpo especial a las sesiones de tu página Web.
Direction-aware 3D hover effect es una página Web que nos ofrece los efectos de forma gratuita.

Efectos en 3D
Efectos en 3D

 

 

 

Esperemos que con las plataformas en línea que te hemos mostrado para incorporar efectos Hover en tus páginas Webs, puedas incorporar un valor agregado a tus diseños.

Reportar

¿Qué te pareció?

Escrito por Edgardo Fernandez

One Comment

Leave a Reply

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Interfaz muy sencilla de comprender

Google Sheet Data: Exporta datos de hojas de cálculo XML y JSON

Garmin Express: Cómo administrar y actualizar tu GPS