Efeitos flutuantes do elementor (Pro): Traduzir, girar e dimensionar o movimento

Floating Effects é uma extensão Master Addons Pro que dá a qualquer widget Elementor um movimento de loop. Ligue Traduzir, Rodar ou Escalar, defina um valor De e um Para, e o widget se move entre eles e para trás novamente enquanto a página estiver aberta Ele se adapta a imagens de heróis flutuantes, ícones à deriva e emblemas pulsantes, sem quadros-chave para escrever.

Efeitos flutuantes Gire e traduza controles deslizantes ao lado de uma seção de vendas de Halloween com um fantasma flutuante

Traduzir: Flutuar para cima, para baixo ou para os lados

Traduzir X e Traduzir Y cada um tira um valor de From e a To entre -100 e 100 px. O widget se move do primeiro valor para o segundo e volta, com uma facilidade suave de entrada e saída O padrão é de 0 a 5 px, um desvio muito pequeno.

  • Flutuador vertical: Traduzir Y de 0 a 15 px dá um ícone ou crachá um bob suave.
  • Deriva lateral: Traduzir X move o widget lentamente para a esquerda e para a direita.
  • Ambos os eixos: X e Y juntos movem o widget ao longo de uma linha diagonal, porque compartilham o mesmo tempo.

Gire, dimensione e cronometre

Girar possui controles deslizantes X, Y e Z de -180 a 180 graus e Escala tem X e Y de 0 a 5, com 1 a 1,2 como padrão Como Traduzir, ambos balançam de De para Para e volta, então a rotação é uma oscilação em vez de um giro completo Cada transformada tem um Duração de até 10.000 ms (1.000 quando deixado vazio) e a Atraso de até 5.000 ms.

  • Pulso: Escala X e Y de 1 a 1,05 faz um botão crescer e encolher suavemente.
  • Balançar: Gire Z de -5 a 5 graus e combina com uma etiqueta ou distintivo suspenso.
  • Uma linha do tempo: as transformadas combinadas compartilham um tempo, a Duração e o Atraso do Tradutor são usados primeiro, depois o do Rotate, depois o do Scale.
Efeitos flutuantes Gire e dimensione controles deslizantes ao lado de uma placa de design de aplicativo com cartões de ícone

Efeitos de movimento do elementador versus efeitos flutuantes de complementos mestres

Elementor tem dois tipos de movimento (verificado em Elementor 4.2.4 com Pro).A Animação de entrada, em Elementor livre, joga uma vez quando um widget aparece Efeitos de movimento, em Elementor Pro, mover um widget como o visitante rola ou move o mouse Nenhum loop por conta própria, e que é a lacuna Efeitos flutuantes preenche.

CaracterísticaAnimação de entrada do elementorElementor Pro Motion EfeitosEfeitos flutuantes de complementos mestres
PreçoGrátisElementor ProMaster Addons Pro
O que começaO widget aparecendo, uma vezRolo de página ou movimento do mouseNada, ele faz um loop por si só
MovimentoPredefinições desvanece, desliza, amplia e saltaRolagem vertical e horizontal, transparência, desfoque, rotação, escala, trilha do mouse, inclinação 3DTraduza X e Y, gire X, Y e Z, dimensione X e Y
Seus valoresDuração e atrasoVelocidade, direção e alcance da janela de visualizaçãoValores de e Para, duração e atraso
Trabalha emWidgets e contêineresWidgets e contêineresSomente widgets

Se você quiser movimento amarrado à rolagem ou ao cursor, Elementor Pro Motion Effects é o melhor ajuste Floating Effects é para um movimento suave que continua sem qualquer entrada do visitante.

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

Visualizador de modelos
Facebook
Twitter
WhatsApp
Copiar link
Compre Agora
Efeito Flutuante
Efeito Flutuante
Ofertas de Halloween
Ofertas de Halloween
Corrente Bloco
Corrente Bloco

Como adicionar efeitos flutuantes no elementor

Assim que a extensão estiver ativada, o painel Efeitos flutuantes fica na guia Avançado de cada widget.

  1. Com Master Addons Pro ativo, acesse Complementos Mestres > Extensões e liga Efeitos Flutuantes.
  2. Edite sua página com o Elementor e selecione o widget que deseja mover, como uma imagem ou ícone.
  3. Abrir o Avançado guia, expandir Efeitos Flutuantes e defina como Sim.
  4. Ligar Traduzir, Girar ou Escala e defina os valores From e To.
  5. Definir Duração e Atraso, em seguida, verifique o movimento na visualização do editor.
  6. Atualize a página Para um passo a passo mais longo com imagens, leia o nosso tutorial efeito flutuante.

Perguntas frequentes sobre efeitos flutuantes

Saiba as dúvidas mais solicitadas que os usuários têm sobre Efeitos Flutuantes e encontre respostas em um só lugar.
Floating Effects é gratuito?

No. Floating Effects faz parte do Master Addons Pro. Free Elementor tem animações de entrada que são reproduzidas uma vez, mas sem flutuação em loop.

Não. O painel Efeitos flutuantes está apenas na guia Avançado de widgets. Para flutuar um grupo de elementos, aplique-o a cada widget ou combine-os em uma imagem antes de adicionar o efeito.

A rotação pode girar completamente?

Não como um giro contínuo A rotação vai do valor De para o valor To e vice-versa, dentro de -180 a 180 graus, por isso funciona melhor como oscilação ou inclinação.

Alguns widgets flutuantes estão bem O movimento usa a pequena biblioteca anime.js e só altera as transformadas CSS, que os navegadores lidam bem Mantenha-o em um punhado de widgets por tela para que a página permaneça calma e funcione sem problemas em telefones mais lentos.

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