Extensión de transformaciones elementales (Pro): sesgar, girar, escalar y voltear
Transforms es una extensión Pro en Master Addons que agrega un segundo panel de transformación a widgets, contenedores, secciones y columnas. Bajo Avanzado > Transformaciones puedes traducir, rotar, escalar, sesgar y voltear un elemento, con valores separados de Normal y Flover y una duración de transición. El panel Transform gratuito de Elementor cubre la mayor parte del mismo terreno, por lo que la comparación más abajo muestra dónde encaja cada uno.
Inclina y gira sobre X, Y y Z
Girar tiene controles deslizantes separados Rotar X, Rotar Y y Rotar Z de -180 a 180 grados, y Sesgar tiene Skew X y Skew Y en el mismo rango. Traducir mueve el elemento hasta 1000px a lo largo de X o Y. Cada control deslizante puede tomar un valor diferente en computadoras de escritorio, tabletas y dispositivos móviles.
- Sesgar: incline una tarjeta, insignia o botón en un paralelogramo.
- Gira Z: gire un encabezado o etiqueta en la página, como el texto vertical de la demostración.
- Gira X e Y: aleje un elemento del espectador. La extensión no tiene configuración de perspectiva, por lo que parece más plana que una verdadera rotación 3D.
Estados de escala, volteo y vuelo estacionario
El Normal tab establece cómo se ve un elemento en reposo y el Flotar tab establece cómo se ve debajo del cursor. La escala X y la escala Y van de 0 a 5 con un valor predeterminado de 1, y Flip Horizontal y Flip Vertical reflejan el elemento. Duración de la transición (ms) va de 0 a 3000, con 400 como valor predeterminado, y controla qué tan rápido se reproduce el cambio de desplazamiento.
- Creștere în curățător: establezca la escala X e Y en 1,05 en la pestaña Flotar para un pequeño levantamiento en tarjetas o botones.
- Flip de flotar: active Voltear horizontal en la pestaña Flotar para reflejar un ícono o imagen mientras el cursor está en él.
- Unde funcționează: los widgets, contenedores, secciones y columnas obtienen la sección Transformaciones en la pestaña Avanzado.
Transformada de Elementor versus transformaciones de complementos maestros
Cada widget de Elementor tiene una sección Transform gratuita en su pestaña Avanzado (marcada en Elementor 4.2.4). Cubre casi todo lo que hace la extensión, además de algunas configuraciones de las que carece.
| Característica | Transformación elemental | Transformaciones de complementos maestros |
|---|---|---|
| Precio | Gratis (núcleo de Elementor) | Complementos maestros Pro |
| Pestañas normales y flotantes | Sí | Sí |
| Mover | Compensar X e Y en px, %, em, rem, vw o vh | Traducir X e Y en px, -1000 a 1000 |
| Girar | -360 a 360, con un interruptor de rotación 3D para X e Y | Gire X, Y y Z, -180 a 180 |
| Perspectiva | Sí | No |
| Escala | 0 a 2, mantenga el cambio de proporciones | Escala X e Y, 0 a 5 |
| Sesgar | X e Y, -360 a 360 | X e Y, -180 a 180 |
| Voltear | Horizontal y vertical | Horizontal y vertical |
| Transición flotante | 0 a 10000 ms | 0 a 3000 ms, 400 predeterminados |
| Valores por dispositivo | Sí | Sí |
El único extra claro de la extensión es el rango de escala más amplio, hasta 5 veces el tamaño original en lugar de 2. Para el resto, la sección Transform de Elementor hace el mismo trabajo o más, por lo que Transforms tiene más sentido como parte de una licencia Master Addons Pro. ya lo utiliza para otras funciones.
Otras extensiones de movimiento en Pro: Efectos flotantes, Revelar y Animación de entrada.
Preguntas frecuentes sobre transformaciones
¿la extensión Transforms es gratuita?
No. Transforms es parte de Master Addons Pro. La sección Transform gratuita de Elementor en la pestaña Avanzado ofrece los mismos efectos básicos sin un complemento.
¿en qué se diferencia de la configuración de Elementor Transform?
Los controles están muy cerca. Elementor agrega compensaciones de perspectiva, porcentaje y ventana gráfica, un rango de rotación y sesgo más amplio y una transición más larga. La extensión permite escalar hasta 5 y les da a Rotate X, Y y Z sus propios controles deslizantes sin un interruptor 3D.
¿Estos efectos funcionan en dispositivos móviles?
Sí. Las transformaciones son CSS simples y cada control deslizante puede tomar un valor diferente en tableta y móvil. Los valores de traducción grandes cubren una pantalla más pequeña, así que verifique cada dispositivo antes de publicarlo.
¿en qué se diferencia esto de la extensión Efectos flotantes?
Efectos flotantes (Pro) ejecuta una animación en bucle por sí solo. Transforms establece una posición, ángulo o tamaño fijo más un estado diferente al flotar, y solo se anima durante la transición al flotar.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
