Gradiente Animado BG
Faça seu site se destacar em segundos Abaixe cores estáticas e imagens chatas A extensão Animated Gradient Background permite que você preencha qualquer seção, recipiente ou coluna com gradientes bonitos e suavemente mutáveis Escolha suas cores, defina o ângulo e a velocidade e observe como o fundo ganha vida com um fluxo suave e infinito Perfeito para seções de heróis, áreas de call-to-action ou como um cenário moderno para seu conteúdo Nenhum arquivo de vídeo, nenhum código pesado apenas leve, movimento atraente que capta a atenção e faz seu design parecer premium.
Construtor de gradiente ao vivo com cores reais
Comece com um gradiente simples de duas cores ou construa uma mistura complexa de várias cores Use os selecionadores de cores para escolher qualquer matiz, e ajuste sua posição no controle deslizante gradiente para controlar a mistura Veja suas escolhas atualizar ao vivo A magia acontece quando essas cores começam a se mover e fluir umas nas outras, criando um cenário dinâmico e vivo.
- Cores ilimitadas: adicione quantas paradas de cores desejar para criar gradientes ricos e vibrantes.
- Visualização ao vivo: veja sua construção gradiente em tempo real enquanto ajusta cores e paradas.
- Paletas Profissionais: Crie facilmente gradientes que correspondam ao esquema de cores exato da sua marca.
Controle total sobre a animação
Uma animação que é muito rápida é distrativa, muito lenta é chata Você obtém controle total para fazer parecer certo Defina o Ângulo para mudar a direção do fluxo Ajuste a Duração Total da Animação para torná-lo lento e calmo ou rápido e enérgico Escolha uma Facilitação da Animação (como “Smooth”) para fazer o movimento parecer natural, não robótico.
- Controle o Fluxo: Altere o Ângulo (por exemplo, 90° para horizontal, 180° para vertical) para direcionar a animação.
- Defina o ritmo: uma duração mais longa (como 10 segundos) cria uma mudança sutil e lenta. Um mais curto (3 segundos) é mais perceptível e enérgico.
- Transições suaves: use opções de flexibilização para evitar saltos abruptos de cores, tornando o loop perfeito.
Perguntas frequentes sobre gradiente animado BG
Isso funcionará em alguma parte da minha página?
Sim! você pode aplicá-lo a quase qualquer contêiner Elementor: seções completas, colunas individuais ou até mesmo contêineres especiais como caixas de herói Basta encontrar as configurações de fundo para esse elemento e procurar o tipo de fundo “Animated Gradient”.
Posso usar isso em uma imagem de fundo ou vídeo?
Normalmente, você escolhe um tipo de fundo por elemento Você não pode colocar um gradiente animado sobre um vídeo ou imagem usando as mesmas configurações Mas você poderia colocar sua imagem ou vídeo em uma coluna dentro de uma seção que tem o fundo gradiente animado, criando um olhar em camadas.
Quantas cores posso usar em uma animação?
Tecnicamente, quantos quiser clicando em “Adicionar Color” Mas para o efeito mais limpo e performante, recomendamos 2 a 4 cores Muitas cores podem fazer a animação parecer lamacenta ou caótica.
A animação é reproduzida o tempo todo ou posso fazê-la funcionar no hover?
A extensão foi projetada para animações contínuas em loop que são reproduzidas automaticamente assim que a página é carregada Para animações controladas por hover, provavelmente você precisaria usar um método diferente ou Css personalizado. Esta ferramenta serve para criar um efeito de fundo atmosférico sempre ativo.
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
