Uma seção estática parece uma imagem plana Dê-lhe uma deriva suave e em loop e o mesmo elemento parece vivo O Efeitos Flutuantes extensão em Complementos Mestres para Elementor adiciona esse movimento contínuo a qualquer elemento, 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 for Elementor que adiciona uma animação contínua e em loop a qualquer elemento Elementor, seção, coluna ou widget Ele anima o elemento com traduzir, girar, e escala transforma e permite controlar o duração, atraso, e direção do movimento Como o efeito é baseado em CSS, o elemento continua à deriva por conta própria sem uma biblioteca de animação JavaScript pesada.
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 0 elemento ao longo do eixo X ou Y, o clássico flutuador para cima e para baixo ou de um lado para o outro.
- Girar ^ o elemento ligeiramente para frente e para trás para uma oscilação suave.
- Escala & strinks e encolhe o elemento para um efeito pulsante suave.
- Duração, atraso e direção ‘’, quanto tempo leva um ciclo, quanto tempo esperar antes de começar, e para que lado o movimento corre, então a animação corresponde ao ritmo da seção.
Como adicionar efeitos flutuantes no elementor #
Floating Effects é aplicado por elemento do editor Elementor, uma vez que a extensão está habilitada em Master Addons Resumindo: 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 para Elementor está instalado e ativo e a extensão Floating Effects está habilitada no painel Master Addons.
- No editor Elementor, selecione a seção, coluna ou widget que deseja animar.
- Abra as configurações do elemento e encontre os Master Addons Efeitos Flutuantes controles, então mude o efeito.
- Escolha uma transformada. Traduzir, Girar, ou Escala 0,00 duração, atraso, e direção.
- 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 é um Master Addons para extensão de movimento Elementor que adiciona uma animação contínua e em loop a qualquer elemento Elementor Ele usa translate, rotate e escalar transforma e permite controlar a duração, atraso e direção do movimento, tudo sem escrever 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?
Sim. Cada efeito expõe controles de duração, atraso e direção A duração define quanto tempo leva um ciclo, o atraso define quanto tempo esperar antes do início do movimento e a direção define para que lado a animação é executada, para que você possa combinar o flutuador com o ritmo da seção.
Os Efeitos Flutuantes funcionam em algum elemento Elementor?
Sim. a extensão aplica-se a secções, colunas e widgets do Elementor, para que possa flutuar uma imagem, um ícone, um cabeçalho, um botão ou uma secção inteira, Você activa por elemento a partir do editor do Elementor assim que a extensão estiver ligada no painel de Complementos Mestres.
Animações flutuantes irão desacelerar meu site?
O efeito é baseado em CSS, por isso é leve em comparação com bibliotecas de animação JavaScript pesadas 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.
