Extensão de Transformações de Elementor (Pro): Skew, Rotate, Scale e Flip

Transforms é uma extensão Pro em Master Addons que adiciona um segundo painel de transformação a widgets, contêineres, seções e colunas. Sob Avançado > Transformas você pode traduzir, girar, dimensionar, inclinar e virar um elemento, com valores separados Normal e Hover e uma duração de transição O painel Transform livre do Elementor cobre a maior parte do mesmo terreno, de modo que a comparação mais abaixo mostra onde cada um se encaixa.

Transforma o painel na guia Elementor Advanced com controles deslizantes Traduzir e girar ao lado de um layout de spa com texto de título vertical girado

Inclinar e girar em X, Y e Z

Girar possui controles deslizantes Rotate X, Rotate Y e Rotate Z separados de -180 a 180 graus e Inclinar tem Skew X e Skew Y na mesma faixa. Traduzir move o elemento até 1000 px ao longo de X ou Y. Cada controle deslizante pode assumir um valor diferente no desktop, tablet e celular.

  • Inclinação: incline um cartão, crachá ou botão em um paralelogramo.
  • Gire Z: vire um título ou rótulo na página, como o texto vertical da demonstração.
  • Gire X e Y: incline um elemento para longe do visualizador A extensão não tem configuração de perspectiva, então isso parece mais plano do que uma verdadeira rotação 3 D.

Estados de escala, inversão e pairar

O Normal tab define como um elemento parece em repouso e o Pairar tab define como fica sob o cursor Escala X e Escala Y correm de 0 a 5 com um padrão de 1, e Flip Horizontal e Flip Vertical espelham o elemento. Duração da Transição (ms) vai de 0 a 3000, com 400 como padrão, e controla a rapidez com que a mudança de hover é reproduzida.

  • Passe o mouse sobre crescer: defina Escala X e Y para 1,05 na guia Hover para um pequeno levantamento em cartões ou botões.
  • Hover flip: ligue o Flip Horizontal na guia Hover para espelhar um ícone ou imagem enquanto o cursor estiver nele.
  • Onde funciona: widgets, contêineres, seções e colunas recebem a seção Transformas na guia Avançado.
Transforma a guia Hover com controles deslizantes Scale e Skew ao lado de uma seção escura de heróis Bold Vision

Transformada de Elementor vs Transformadas de Adições Mestres

Todo widget Elementor tem uma seção Transform gratuita em sua guia Avançado (marcada no Elementor 4.2.4).Ele cobre quase tudo o que a extensão faz, além de algumas configurações que faltam na extensão.

CaracterísticaTransformada ElementorMaster Addons Transforma
PreçoGrátis (núcleo do elementador)Master Addons Pro
Guias Normal e HoverSimSim
MoverDeslocamento X e Y em px, %, em, rem, vw ou vhTraduza X e Y em px, -1000 a 1000
Girar-360 a 360, com um interruptor de rotação 3 D para X e YGire X, Y e Z, -180 a 180
PerspectivaSimNão
Escala0 a 2, Mantenha as proporções alternadasEscala X e Y, 0 a 5
InclinarX e Y, -360 a 360X e Y, -180 a 180
VirarHorizontal e verticalHorizontal e vertical
Transição flutuante0 a 10.000 ms0 a 3.000 ms, 400 padrão
Valores por dispositivoSimSim

O único extra claro da extensão é a faixa de escala mais ampla, até 5 vezes o tamanho original em vez de 2. para o resto, a própria seção Transform da Elementor faz o mesmo trabalho ou mais, então Transforms faz mais sentido como parte de uma licença Master Addons Pro que você já usa para outros recursos.

Outras extensões de movimento em Pro: Efeitos Flutuantes, Revelar e Entrada Animação.

Visualizador de modelos
Facebook
Twitter
WhatsApp
Copiar link
Compre Agora
Transforma Extensão
Transforma Extensão
Transforme cartões de inclinação 3D
Transforme cartões de inclinação 3D
Transforme bandas distorcidas
Transforme bandas distorcidas
Transformar Rotear Runner
Transformar Rotear Runner
Transformar Capa Escala
Transformar Capa Escala
Transforme a amostra flip
Transforme a amostra flip

Perguntas frequentes para transformações

Saiba as dúvidas mais solicitadas que os usuários têm sobre Transforms e encontre respostas em um só lugar.
A extensão Transforms é gratuita?

No. Transforms faz parte da seção Transform gratuita do Master Addons Pro. Elementor na guia Avançado oferece os mesmos efeitos básicos sem um complemento.

Os controles são muito próximos Elementor adiciona deslocamento de perspectiva, porcentagem e viewport, uma faixa de rotação e inclinação mais ampla e uma transição mais longa A extensão permite escala de até 5 e dá a Rotate X, Y e Z seus próprios controles deslizantes sem um interruptor 3 D.

Esses efeitos funcionam em dispositivos móveis?

Sim. As transformadas são CSS simples, e cada controle deslizante pode assumir um valor diferente no tablet e no celular. Grandes valores de tradução cobrem mais uma tela pequena, então verifique cada dispositivo antes de publicar.

Efeitos Flutuantes (Pro) executa uma animação em loop por conta própria Transforms define uma posição fixa, ângulo ou tamanho mais um estado diferente no hover, e ele só anima durante a transição de hover.

Widgets e extensões de elementos de tendência

Construa sites sofisticados em menos tempo.

Extensão Master Addons Glassmorphism para Elementor: cartões de vidro fosco com o controle Blur Value definido como 20 px

Glassmorphismo

Extensão de Glassmorphism de Elementor Livre em Casa: Efeito de vidro fosco em uma alternância O Glassmorphism é o fosco...
Ver detalhes
Extensão Master Addons Container Extras para Elementor: contêiner tampado em uma largura máxima de 1400 px, com controles de largura máxima, altura máxima, largura mínima e altura mínima

Contêiner Extras

Home Elementor Container Max Width e Max Height Controls Container Extras é um Master gratuito...
Ver detalhes
Extensão Master Addons Patterns para Elementor: herói com o estilo Purple Gradient Grid Left, mais três estilos de padrões e o painel Habilitar Padrão

Padrões

Início 70+ Padrões de fundo de elementor gratuitos é uma extensão gratuita de complementos mestres que adiciona...
Ver detalhes
Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]

Duplicador de postagem/página

Home Páginas e postagens de elementos duplicados em um clique Post/Page Duplicator é um Master gratuito...
Ver detalhes
Extensão da barra de progresso de leitura de complementos mestres para Elementor: barra azul 42% preenchida na parte superior de uma página de política de privacidade, com configurações de habilitação, posição, altura e preenchimento de cores

Barra de progresso de leitura

Início Adicionar uma barra de progresso de leitura no WordPress (Elementor) A barra de progresso de leitura é gratuita...
Ver detalhes