Efectos flotantes elementales (Pro): traducir, girar y escalar el movimiento
Efectos flotantes es una extensión Master Addons Pro que le da a cualquier widget Elementor un movimiento de bucle. Active Traducir, Girar o Escalar, establezca un valor De y otro A, y el widget se moverá entre ellos y viceversa mientras la página esté abierta. Se adapta a imágenes de héroes flotantes, iconos a la deriva e insignias pulsantes, sin fotogramas clave para escribir.
Traducir: Flotar hacia arriba, hacia abajo o de lado
Traducir X y Traducir Y cada uno toma un valor Desde y a Hasta entre -100 y 100 px. El widget pasa del primer valor al segundo y viceversa, con una suave entrada y salida. El valor predeterminado es de 0 a 5 px, una deriva muy pequeña.
- Flot vertical: Traducir Y de 0 a 15 px le da a un ícono o insignia un suave bob.
- Deriva lateral: Translate X mueve el widget lentamente hacia la izquierda y hacia la derecha.
- Ambele axe: X e Y juntos mueven el widget a lo largo de una línea diagonal, porque comparten el mismo tiempo.
Girar, escalar y cronometrar
Girar tiene controles deslizantes X, Y y Z de -180 a 180 grados, y Escala tiene X e Y de 0 a 5, con 1 a 1,2 como valor predeterminado. Al igual que Translate, ambos oscilan de De a A y viceversa, por lo que la rotación es un balanceo en lugar de un giro completo. Cada transformación tiene un Duración de hasta 10000 ms (1000 cuando se deja vacío) y a Retraso de hasta 5000 ms.
- Pulso: La escala X e Y de 1 a 1,05 hace que un botón crezca y se encoja suavemente.
- Balancearse: Girar Z de -5 a 5 grados se adapta a una etiqueta o insignia colgante.
- O linie de timp: las transformaciones combinadas comparten un momento. Primero se utilizan la duración y el retraso de Translate, luego los de Rotate y luego los de Scale.
Efectos de movimiento de Elementor frente a efectos flotantes de complementos maestros
Elementor tiene dos tipos de movimiento (comprobado en Elementor 4.2.4 con Pro). La animación de entrada, en Elementor gratuito, se reproduce una vez cuando aparece un widget. Motion Effects, en Elementor Pro, mueve un widget mientras el visitante se desplaza o mueve el mouse. Ninguno de los bucles se completa por sí solo, y ese es el espacio que llenan los efectos flotantes.
| Característica | Animación de entrada de Elementor | Efectos de movimiento Elementor Pro | Efectos flotantes de complementos maestros |
|---|---|---|---|
| Precio | Gratis | Elementor Pro | Complementos maestros Pro |
| Lo que lo inicia | El widget que aparece, una vez | Desplazamiento de página o movimiento del mouse | Nada, se repite por sí solo |
| Movimiento | El ajuste preestablecido se desvanece, se desliza, hace zoom y rebota | Desplazamiento vertical y horizontal, transparencia, desenfoque, rotación, escala, seguimiento del mouse, inclinación 3D | Traducir X e Y, rotar X, Y y Z, escalar X e Y |
| Tus valores | Duración y retraso | Velocidad, dirección y rango de ventana gráfica | Desde y hacia valores, duración y retraso |
| Trabaja en | Widgets y contenedores | Widgets y contenedores | Sólo widgets |
Si desea que el movimiento esté vinculado al desplazamiento o al cursor, Elementor Pro Motion Effects es la mejor opción. Floating Effects es para un movimiento suave que continúa sin la intervención de los visitantes.
Otras extensiones de movimiento en Pro: Transforma, Animación de entrada y Revelar.
Cómo agregar efectos flotantes en Elementor
Una vez activada la extensión, el panel Efectos flotantes se encuentra en la pestaña Avanzado de cada widget.
- Con Master Addons Pro activo, vaya a Complementos maestros > Extensiones y encender Efectos flotantes.
- Edite su página con Elementor y seleccione el widget que desea mover, como una imagen o un ícono.
- Abre el Avanzado pestaña, expandir Efectos flotantes y configúrelo en Sí.
- Encender Traducir, Girar o Escala y establezca los valores Desde y Hasta.
- Conjunto Duración y Retraso, luego verifique el movimiento en la vista previa del editor.
- Actualizar la página. Para obtener un tutorial más largo con imágenes, lea nuestro tutorial de efectos flotantes.
Preguntas frecuentes sobre efectos flotantes
¿los efectos flotantes son gratuitos?
No. Efectos flotantes es parte de Master Addons Pro. Free Elementor tiene animaciones de entrada que se reproducen una vez, pero no hay flotación en bucle.
¿Puedo usarlo en secciones o contenedores?
No. El panel Efectos flotantes está solo en la pestaña Avanzado de widgets. Para hacer flotar un grupo de elementos, aplíquelo a cada widget o combínelos en una imagen antes de agregar el efecto.
¿Puede la rotación girar por completo?
No como un giro continuo. La rotación va del valor De al valor Para y viceversa, entre -180 y 180 grados, por lo que funciona mejor como balanceo o inclinación.
¿el uso de muchos de estos efectos en una página perjudicará el rendimiento?
Algunos widgets flotantes están bien. El movimiento utiliza la pequeña biblioteca anime.js y solo cambia las transformaciones CSS, que los navegadores manejan bien. Manténgalo en un puñado de widgets por pantalla para que la página se mantenga tranquila y funcione sin problemas en teléfonos más lentos.
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
