IMAGE
HOVER
Intercambio de imágenes para Avada. Interacción mínima, transición limpia y sin ruido visual.
TIPOELEMENTO AVADA
VERSIÓN2.0
MODOHOVER / LINK
ESTADOESTABLE
Demo interactivaLAB.01 / Demo
Pasa el cursor sobre el objeto
01 / Objetivo
Una herramienta.
Un gesto.
Sin paneles saturados ni opciones innecesarias. Un elemento de Avada centrado en resolver una única tarea visual de forma limpia y predecible.
02 / Funciones
Par de imágenesImagen principal + imagen hover seleccionadas desde la biblioteca de medios de WordPress.
TransicionesFundido, zoom y desplazamientos direccionales.
Enlace integradoConvierte todo el elemento en un objeto clicable.
Control visualAncho, ajuste, radio de borde, alineación, clase CSS e ID.
03 / Sistema
Dentro de
Avada.
Diseñado para sentirse como parte del flujo de trabajo de Avada, no como una utilidad externa de WordPress.
WordPressAvada BuilderResponsiveCompatible con shortcode
04 / Compatibilidad
El shortcode sigue disponible.
[image_hover image="URL-NORMAL" hover="URL-HOVER" alt="Description"]
Los productos de Barceló Lab son deliberadamente pequeños. Cada herramienta se centra en un problema de diseño concreto y busca ser fácil de entender, integrar y retirar.
Barceló Lab / LAB.01
Una pequeña interacción.
Un mejor detalle.
Un mejor detalle.