Enlaces creativos
Un enlace de subrayado azul estándar hace su trabajo, pero se olvida de causar una impresión. En la web actual, cada interacción es una oportunidad para participar. Master Addons Creative Links Element convierte enlaces de texto ordinarios en obras de arte en miniatura. Elija entre más de 22 efectos flotantes únicos (desde sutiles diapositivas subrayadas hasta transformaciones dinámicas en 3D) y aplíquelos en cualquier lugar de su página de inicio. Estilee cada parte del efecto, controle el ícono y cree una microexperiencia que haga que hacer clic se sienta fresco e intencional.
Amplia biblioteca de efectos flotantes
Este es el corazón del elemento. Ir más allá de los simples cambios de color. Seleccione de una lista seleccionada de efectos sofisticados que se activan al flotar. ¿Quieres una diapositiva clásica de referencia? ¿Una revelación divertida de tres puntos? ¿Un dramático efecto de diapositiva 3D o relleno de texto? Cada efecto aplica una animación CSS distinta al texto del enlace y sus pseudoelementos, creando de todo, desde interacciones elegantes hasta atrevidas. Esta biblioteca le permite agregar personalidad y pulido a sus menús, tabla de contenidos o listas de funciones sin escribir una sola línea de código.
- Más de 22 efectos previos a la construcción: aplique instantáneamente animaciones como Border Switch, Scale Down, Circle, Cross y Move Up.
- Gama de estilos: desde sutil (ampliación del borde inferior) hasta negrita (efecto 3D, segundo texto y empuje de revelación del borde).
- Aplicación sencilla: seleccione un efecto de un menú desplegable, no se necesita una configuración compleja para comenzar.
Estilismo para todos los estados de enlace
Logre un diseño perfecto en píxeles diseñando cada componente del efecto de enlace. Establezca la tipografía base, el relleno de enlaces y el ancho general. Luego, profundice en el estilo del estado. Defina el color del texto y el color de fondo tanto para Normal como para Hover. Fundamentalmente, diseñe los elementos de color utilizados en los efectos: Span BG Color, Before BG Color y After BG Color. Estos controlan los fondos de los pseudoelementos animados que impulsan efectos como líneas deslizantes, fondos rellenos o círculos en expansión. Agregue Border Radius y Box Shadow para completar el look.
- Diseño de estado dual: controla de forma independiente los colores y fondos para los estados Normal y Hover.
- Estilo de componentes de efectos: diseñe directamente los fondos Antes, Después y Span que crean las imágenes de animación.
- Control de tipografía completo: elija fuente, tamaño, peso y espacio para el texto del enlace.
- Forma y profundidad: use Border Radius y Box Shadow para suavizar o elevar el contenedor del enlace.
Preguntas frecuentes sobre enlaces creativos
¿cuál es la diferencia entre "Texto de enlace" y "Texto de enlace alternativo"?
El texto del enlace es lo que siempre es visible de forma predeterminada (por ejemplo, “Nuestros servicios”). El texto del enlace alternativo es lo que aparece o interactúa durante el efecto flotante. En efectos como “Completar texto” o “Cambiar de frontera”, este texto alternativo puede deslizarse, reemplazarse o animarse junto con el texto original, creando un cambio dinámico.
¿Puedo utilizar estos enlaces creativos como navegación principal de mi sitio web?
¡absolutamente! Son perfectos para menús de encabezado, especialmente para diseños de sitios minimalistas o creativos donde desea que la navegación en sí sea una característica visual. Simplemente agregue cada elemento del menú como un “Artículo” separado en el repetidor de Contenidos.
¿para qué sirven "Before BG Color" y "After BG Color"?
Estos son los ingredientes secretos. Los efectos flotantes CSS más avanzados utilizan pseudoelementos ::antes y::después para crear formas animadas, líneas o rellenos de fondo. Estos controles de color le permiten diseñar directamente esos elementos ocultos, lo que le permite hacer coincidir los colores del efecto con su marca. Por ejemplo, en el efecto Bottom Line Slide, After BG Color podría controlar el color del subrayado deslizante.
¿Los efectos funcionan en dispositivos móviles (pantalla táctil)?
Sí, son completamente funcionales. En los dispositivos táctiles, el efecto de desplazamiento normalmente se activa en el primer toque (el estado “desplazamiento”) y se sigue el enlace en el segundo toque. Este es un comportamiento estándar para los efectos de desplazamiento en dispositivos móviles. Obtienes la retroalimentación de la animación antes de que cambie la página.
¿Cómo elijo el efecto correcto?
Considere la personalidad de su sitio:
- Profesional/corporativo: utilice efectos sutiles como Bottom Line Slide o Border Translate.
- Creativo/Portafolio: opte por efectos más audaces como 3D Slide, Circle o Text Fill.
- Moderno/minimalista: Ampliar o reducir el borde inferior funciona maravillosamente.
Obtenga una vista previa de algunos «el mejor efecto mejora el enlace sin sentir distracción.
¿Puedo aplicar diferentes efectos a diferentes enlaces en el mismo widget?
Las capturas de pantalla muestran un menú desplegable de Efectos globales, lo que sugiere que todos los enlaces en una instancia de widget comparten el mismo efecto elegido. Para tener diferentes efectos (por ejemplo, un enlace con un efecto circular, otro con un efecto de diapositiva), probablemente necesitarás colocar varios widgets Creative Link separados.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
