Uma seção estática parece uma imagem plana Dê-lhe uma deriva suave e em loop e o mesmo elemento parece vivo O Extensão de efeitos flutuantes em Complementos mestres Pro adiciona esse movimento contínuo a qualquer widget Elementor, sem quadros-chave ou CSS personalizado para escrever Este guia explica o que a extensão faz, o que você pode animar e como aplicá-la.
Qual é a extensão dos efeitos flutuantes? #
O Efeitos Flutuantes extension é uma ferramenta de movimento Master Addons Pro que adiciona uma animação contínua e em loop aos widgets Elementor Ele move o widget entre um valor From e um To com traduzir, girar e escala transforma, depois de volta, e cada transformada tem Duração e Atraso campos O movimento é executado na pequena biblioteca anime.js com uma facilidade de entrada suave Seções, colunas e contêineres não obtêm o painel.
O que você pode animar #
Floating Effects funciona através de três tipos de transformação, e você os combina com controles de tempo para moldar o movimento:
- Traduzir: Traduzir X e Traduzir Y, cada um com um valor de From e To entre -100 e 100 px, para o clássico flutuador para cima e para baixo ou de um lado para o outro.
- Girar: Gire X, Y e Z entre -180 e 180 graus, girando o widget para frente e para trás para balançar.
- Escala: Escala X e Escala Y entre 0 e 5, crescendo e encolhendo o widget para obter um pulso suave.
- Duração e Atraso: A duração vai até 10000 ms (1000 quando deixado vazio) e Atrasar até 5000 ms. Quando você liga mais de uma transformação eles compartilham uma linha do tempo, usando primeiro o tempo do Tradutor, depois o do Rotate, depois o do Scale.
Como adicionar efeitos flutuantes no elementor #
Floating Effects é aplicado por widget do editor Elementor, uma vez que a extensão está habilitada em Master Addons Em suma: selecione o elemento que deseja animar, abra suas configurações, ative Floating Effects e escolha uma transformação com seu tempo.
- Certifique-se Complementos mestres Pro está instalado e ativo e a extensão Floating Effects está habilitada no painel Master Addons.
- No editor Elementor, selecione o widget que deseja animar.
- Abra as configurações do elemento e encontre os Master Addons Efeitos Flutuantes controles, então mude o efeito.
- Ligar Traduzir, Girar ou Escala, defina os valores De e Para, depois o Duração e Atraso.
- Visualize ou publique a página para ver o desvio do elemento no site ao vivo.
Dicas para usar efeitos flutuantes #
- Mantenha o movimento sutil. Uma pequena distância de tradução e uma duração lenta são lidas como polidas; movimentos grandes e rápidos parecem distrativos.
- Use-o em um ou dois elementos por visualização. Uma única imagem ou ícone de herói flutuante chama a atenção; uma página inteira em movimento compete consigo mesma.
- Combine-o com o movimento de entrada. Combine efeitos flutuantes com o Entrada Animação extensão para que um elemento seja facilitado primeiro e depois mantenha seu flutuador suave.
- Verifique no celular. Confirme se o movimento ainda fica bem em telas menores e não empurra conteúdo próximo.
Perguntas frequentes #
O que é a extensão Floating Effects em Master Addons?
Floating Effects é uma extensão Master Addons Pro que adiciona uma animação contínua e em loop aos widgets Elementor Ele move um widget para frente e para trás entre os valores From e To com translate, rotate e escalar transformadas, com configurações de Duração e Atraso e sem CSS personalizado ou quadros-chave.
Que tipos de animação os Efeitos Flutuantes podem criar?
Ele suporta três tipos de transformação: traduzir para mover um elemento para cima e para baixo ou de um lado para o outro, girar para uma oscilação suave de vaivém e dimensionar para um efeito pulsante suave Você pode combinar uma transformação com configurações de temporização para moldar o movimento exato que deseja.
Posso controlar a velocidade e a direção da animação flutuante?
Velocidade, sim. Cada transformação tem campos de Duração e Atraso, mas as transformações combinadas compartilham uma linha do tempo, usando Traduzir primeiro, depois Rodar e depois Escalar. Não há configuração de direção: o movimento sempre joga do valor De para o valor To e vice-versa.
Os Efeitos Flutuantes funcionam em algum elemento Elementor?
Funciona apenas em widgets, como imagem, ícone, cabeçalho ou botão Seções, colunas e contêineres não recebem o painel Efeitos flutuantes, portanto, para flutuar um grupo de elementos, adicione o efeito a cada widget.
Animações flutuantes irão desacelerar meu site?
O movimento percorre a pequena biblioteca anime.js e anima apenas as transformações CSS, que os navegadores lidam bem Para manter as páginas suaves, use-o em apenas um ou dois elementos por visualização e mantenha o movimento sutil em vez de animar tudo na página de uma só vez.
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.
