Efectos flotantes de enlace creativo de Elementor
El widget Master Addons Creative Links convierte un enlace de texto en un enlace animado con un efecto flotante. Es gratuito y tiene 22 efectos: 10 funcionan en el complemento gratuito y 12 necesitan Complementos maestros Pro. Agregue el texto del enlace, un ícono opcional y la URL, elija un efecto y luego coloree las partes de la animación. Úselo para llamadas a la acción dentro de una sección, enlaces de pie de página o una breve lista de enlaces.
Cómo agregar efectos de enlace flotante en Elementor
Necesita Elementor y el complemento gratuito Master Addons. Cada widget contiene un enlace. Aquí hay detalles documentación sobre el elemento enlaces creativos.
- Compruebe que Creative Links esté activado en Complementos maestros, widgets.
- En el editor Elementor, busque Enlaces creativos y arrástrelo a la página.
- Ingrese el texto del enlace y la URL del enlace.
- Elige un efecto en Efectos, y agregue un ícono o texto de enlace alternativo si el efecto usa uno.
- En la pestaña Estilo, establezca tipografía, relleno y los colores Normal y Hover.
- Duplica el widget para cada enlace adicional que necesites.
22 efectos de enlace flotante (10 gratis, 12 profesionales)
Elija la animación en el Efectos desplegable. Efectos gratuitos: corchetes, diapositiva de línea inferior, ampliación del borde inferior, diapositiva del segundo borde hacia arriba, relleno de texto, tres puntos, reducción de escala, movimiento hacia arriba, efecto 21 y efecto 22. Efectos profesionales: efecto 3D, diapositiva, diapositiva del borde hacia abajo, borde Traducir, 2do Texto y Borde, Revelar Empujar hacia afuera, Círculo, Interruptor de borde, Caer hacia abajo, Cruzar, Diapositiva 3D y Diapositiva 3D hacia abajo.
- Cada efecto es CSS simple en el enlace y sus capas ::antes y::después.
- Muévete hacia arriba, revela empujar hacia afuera, cruza y los efectos de diapositivas 3D muestran el texto del enlace alternativo al flotar.
- Reveal push out, text fill, Scale Down, Fall Down y Move Up no muestran el icono.
Estilo el enlace y sus capas de animación
Estilos de enlace cubre ancho, tamaño de ícono, tipografía, relleno de enlaces, borde, radio del borde y sombra del cuadro. Las pestañas Normal y Hover establecen el color del texto y el color de fondo, además de los colores de las capas que animan los efectos: Color BG frontal (Color BG posterior al pasar el cursor), Color BG anterior y Color BG posterior. El color de relleno de texto aparece cuando elige el efecto de relleno de texto.
- Los colores normal y flotante se establecen por separado.
- Antes y Después BG Colors controlan las líneas, corchetes y rellenos que se mueven.
- El ancho, el acolchado y la alineación responden.
Opciones de desplazamiento de Elementor frente a enlaces creativos
Elementor tiene animaciones flotantes en el widget Button y Elementor Pro tiene animaciones de punteros en el widget Nav Menu. Aquí es donde encaja cada uno.
| Necesidad | Botón Elementor | Menú de navegación Elementor Pro | Enlaces creativos de complementos maestros |
|---|---|---|---|
| Lo que anima | Todo el botón (crecer, pulsar, flotar, tambalearse y otros) | Elementos del menú con punteros subrayados, superpuestos, enmarcados, de fondo o de texto | Un único enlace de texto con líneas, corchetes, rellenos o volteretas 3D |
| Número de efectos | Una lista de animaciones flotantes para todo el botón | 6 tipos de punteros con animaciones propias | 10 gratis, 22 con Pro |
| Intercambia texto al pasar el cursor | No | No | Sí, con texto de enlace alternativo en algunos efectos |
| Funciona para un menú completo | No | Sí, con menús desplegables y un interruptor móvil | No, un enlace por widget |
| Costo | Gratis | Elementor Pro | Gratis, 12 efectos en Pro |
Para un menú de navegación completo, el menú Elementor Pro Nav o los complementos maestros Menú de navegación es la mejor opción. Para botones con efectos flotantes, consulte Botón creativo.
Preguntas frecuentes sobre enlaces creativos
¿cuál es la diferencia entre "Texto de enlace" y "Texto de enlace alternativo"?
El texto del enlace es la etiqueta visible. El texto de enlace alternativo es la etiqueta que se desliza o se voltea al flotar con Reveal Push Out, Move Up, Cross, 3D Slide y 3D Slide Down. Si lo deja vacío, esos efectos reutilizan el texto del enlace. Llene, escale y baje texto siempre use el texto del enlace.
¿el widget Creative Links es gratuito?
Sí. Creative Links está en el complemento gratuito Master Addons con 10 efectos y todos los controles de estilo. Master Addons Pro agrega 12 efectos, incluidos efectos 3D, círculo, Border Switch y efectos 3D Slide.
¿para qué sirven "Before BG Color" y "After BG Color"?
La mayoría de los efectos dibujan sus líneas, corchetes y rellenos con las capas ::antes y::después del enlace. Antes de BG Color y Después de BG Color establece el color de esas capas, en las pestañas Normal y Hover. Qué capa dibuja lo que depende del efecto, así que cambia un color y mira la vista previa.
¿Los efectos funcionan en dispositivos móviles (pantalla táctil)?
Los teléfonos y tabletas no tienen flotación. La mayoría de los navegadores móviles aplican el estilo hover por un momento cuando se toca el enlace y luego lo abren, por lo que los visitantes pueden ver solo un breve destello del efecto. El enlace en sí funciona normalmente.
¿Cómo elijo el efecto correcto?
Haga coincidir el efecto con el lugar donde se encuentra el enlace. La diapositiva de línea inferior, el borde inferior ampliado y los soportes son lo suficientemente silenciosos para el cuerpo del texto y los pies de página. El relleno de texto, el movimiento hacia arriba y los tres puntos llaman más la atención y se adaptan a una sola llamada a la acción. Pruebe algunos en la vista previa del editor antes de decidir.
¿Puedo aplicar diferentes efectos a diferentes enlaces en el mismo widget?
Cada widget de Creative Links contiene un enlace con un efecto. Para varios enlaces, agregue un widget por enlace y elija el efecto en cada uno. Duplique un widget con estilo para mantener los colores iguales.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
![Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de publicaciones/páginas
