Efeitos Flutuantes
Vá além da flutuação básica para cima e para baixo A extensão Floating Effects oferece controles de animação de nível profissional para qualquer elemento Anime independentemente a posição de um elemento (Traduzir), faça-o girar em qualquer eixo 3 D (Rotate X, Y, Z) e estique ou esmague-o (Escala X, Y).Crie um logotipo que incline, um emblema que pulse ou uma imagem que flutue e gire suavemente É tudo controlado com campos numéricos simples e caixas de seleção bem no seu editor Elementor Sem plugins, sem código apenas animação poderosa ao seu alcance.
Movimento Multi-Direcional (Traduzir)
Dê aos seus elementos uma sensação de movimento suave e flutuante Use os controles Traduzir para movê-los horizontalmente (eixo X) ou verticalmente (eixo Y) Defina um ponto inicial e um ponto final em pixels para criar um efeito de deriva para frente e para trás ou para cima e para baixo Perfeito para chamar a atenção para os principais recursos ou adicionar um toque lúdico ao seu design.
- Flutuação Horizontal: Faça um elemento derivar da esquerda para a direita (Traduzir X) como uma nuvem lenta.
- Salto vertical: crie um salto suave para cima e para baixo (traduza Y) para ícones ou emblemas.
- Combine caminhos complexos: use X e Y juntos para caminhos flutuantes diagonais ou circulares.
Escalonamento, Rotação e Tempo
Vá além do simples movimento para cima e para baixo Faça os elementos respirarem escalando-os Use a Escala X e a Escala Y de forma independente para esticar ou esmagar a largura e a altura de um elemento separadamente Adicione Rotação para um giro lento e contínuo Isso permite criar tudo, desde um botão de call-to-action suavemente pulsante até um logotipo girando lentamente.
- Efeitos pulsantes: Use a escala X/Y para fazer um elemento crescer e encolher ritmicamente, chamando a atenção.
- Controle Independente: Estique a largura de um elemento (Escala X) enquanto mantém sua altura igual para um movimento único.
- Giro contínuo: Aplique rotação para uma rotação lenta e infinita em logotipos ou ícones decorativos.
Perguntas frequentes sobre efeitos flutuantes
Isso parece complexo. É difícil de usar?
De jeito nenhum! o painel pode parecer detalhado porque é poderoso, mas você começa simples Apenas habilite um efeito (como Traduzir Y), defina um pequeno valor “To” (como 20 px) e você terá uma animação flutuante Os outros controles estão lá para quando você quiser ser mais criativo Você aprende à medida que avança.
Posso usar essas rotações 3 D no celular?
O efeito visual vai funcionar, mas não é um ambiente “true” 3 D. Ele simula a rotação 3 D usando CSS, que é suportado em todos os navegadores móveis modernos Vai ficar ótimo, mas para 3 D intenso, você precisaria de uma ferramenta diferente Para os efeitos de inclinação e giro para os quais foi projetado, é perfeito.
Qual é um bom uso no mundo real para a Escala X e a Escala Y separadas?
Imagine um botão “Notify Me” Você poderia usar a Escala Y para fazê-la rapidamente esmagar (dando feedback tátil), depois voltar ao normal Ou, para um leitor de música, um gráfico de ondas sonoras poderia usar a Escala Y independentemente em cada barra para fazê-la mover-se para o ritmo.
Usar muitos desses efeitos em uma página prejudicará o desempenho?
Se você for ao mar, sim 20 sim, qualquer coisa Aplicando 10-20 diferentes animações complexas a uma dúzia de elementos pode causar jank em dispositivos mais lentos A chave é a sutileza Use 1-2 efeitos primários por seção Um flutuador suave e uma ligeira rotação é tudo o que você geralmente precisa para um efeito profissional, animado.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
