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.

Transforma el panel en la pestaña Elementor Advanced con controles deslizantes Traducir y Girar junto a un diseño de spa con texto de encabezado vertical girado

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.
Transforma la pestaña Flover con controles deslizantes Scale y Skew junto a una sección oscura de héroe de Bold Vision

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ísticaTransformación elementalTransformaciones de complementos maestros
PrecioGratis (núcleo de Elementor)Complementos maestros Pro
Pestañas normales y flotantesSíSí
MoverCompensar X e Y en px, %, em, rem, vw o vhTraducir X e Y en px, -1000 a 1000
Girar-360 a 360, con un interruptor de rotación 3D para X e YGire X, Y y Z, -180 a 180
PerspectivaSíNo
Escala0 a 2, mantenga el cambio de proporcionesEscala X e Y, 0 a 5
SesgarX e Y, -360 a 360X e Y, -180 a 180
VoltearHorizontal y verticalHorizontal y vertical
Transición flotante0 a 10000 ms0 a 3000 ms, 400 predeterminados
Valores por dispositivoSí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.

Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Extensión Transforms
Extensión Transforms
Transformar tarjetas inclinables 3D
Transformar tarjetas inclinables 3D
Transformar bandas sesgadas
Transformar bandas sesgadas
Transformar Rotar Corredor
Transformar Rotar Corredor
Cubierta de escala Transform
Cubierta de escala Transform
Transformar muestra de volteo
Transformar muestra de volteo

Preguntas frecuentes sobre transformaciones

Conozca las consultas más solicitadas que tienen los usuarios sobre Transforms y encuentre respuestas en un solo lugar.
¿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.

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.

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.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
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]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles