Hover Animation

Definición

Una hover animation o animación de hover es un efecto visual que se activa cuando el usuario pasa el cursor del ratón sobre un elemento. Proporciona feedback visual e indica que el elemento es interactivo.

Ejemplos de hover animations

Cambio de color: El botón cambia de color al pasar el ratón
Zoom: La imagen se amplía ligeramente
Elevación: El elemento parece elevarse con sombra
Subrayado: Aparece una línea bajo el texto
Revelación: Se muestra contenido oculto

Buenas prácticas

Usar transiciones suaves (0.2-0.3 segundos)
No hacer animaciones demasiado llamativas
Considerar alternativas para dispositivos táctiles
Mantener consistencia en toda la web

También conocido como:

Animación al pasar el ratónEfecto hover

Términos que te pueden interesar

.htaccess

Es un archivo de configuración del servidor del sitio web que le dice al servidor cómo responder en ciertas circunstancias.

Desarrollo Web

Animación Lottie

Formato de animación vectorial ligero basado en JSON, creado para web y apps.

AJAX

AJAX significa Asynchronous JavaScript And XML y permite que las páginas web se actualicen con datos sin necesidad de actualizar toda la página.

Desarrollo Web

Above the Fold

Parte de una página web visible sin hacer scroll, crucial para la primera impresión.

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO

Volver al glosario