Relax
Faça suas páginas sentirem os visitantes rolar A extensão Rellax traz a magia da rolagem paralaxe para Elementor vivo como código complicado zero Simplesmente selecione qualquer imagem, forma, seção e fazê-lo mover-se a uma velocidade diferente do resto da página Criar camadas de fundo sutis que derivam lentamente, fazer elementos de primeiro plano pop com movimento mais rápido Controle a velocidade, direção e camadas para criar experiências imersivas e multidimensionais que adicionam um toque de sofisticação e engajamento a cada rolagem.
Controle de profundidade baseado em velocidade
Verdadeiro paralaxe criando uma sensação de espaço 3 D. Com Rellax, você não basta girá-lo em torno de 3 D dial na velocidade exata Uma velocidade positiva (como 2) faz o elemento rolar mais rápido que a página, trazendo-o para a frente Uma velocidade negativa (como -2) faz com que ele role mais devagar, empurrando-o para o fundo Este controle preciso permite construir camadas realistas de primeiro plano, meio-termo e fundo.
- Efeitos em primeiro plano: use um valor de velocidade positivo para fazer ícones decorativos ou pequenos gráficos flutuarem rapidamente pelo usuário.
- Camadas de fundo: use uma velocidade negativa para fazer uma imagem de fundo ou padrão derivar lentamente, criando uma sensação profunda e distante.
- Precisão Decimal: Use valores como 0,5 ou -1,5 para movimentos sutis e ajustados.
Camadas com índice Z
Quando você tem vários elementos se movendo em velocidades diferentes, eles podem acidentalmente sobrepor seu conteúdo importante como texto O controle de índice Z corrige isso Defina um índice Z mais baixo para elementos de paralaxe de fundo para mantê-los atrás de seu conteúdo legível, e um mais alto para efeitos de primeiro plano para garantir que eles apareçam no topo Isso mantém seu design limpo e funcional.
- Organize suas camadas: atribua valores de índice Z para empilhar logicamente seus elementos de paralaxe (por exemplo, plano de fundo: -1, conteúdo: 1, primeiro plano: 2).
- Evite a desordem visual: certifique-se de que os elementos móveis não deslizem e obscureçam suas chamadas para ação ou manchetes.
- Controle total de composição: construa cenas complexas e multicamadas com confiança.
Perguntas frequentes sobre Rellax
Isso funcionará em dispositivos móveis?
Sim, mas com uma nota Os efeitos de paralaxe no celular às vezes podem parecer idiotas ou causar problemas de desempenho porque dependem de uma rolagem suave O Rellax é otimizado, mas para a melhor experiência móvel, use valores de velocidade mais sutis (como 0,5 ou -0,5) e teste em um dispositivo real Às vezes, é inteligente desativar a paralaxe complexa no celular inteiramente para uma experiência de usuário mais suave.
Posso usar isso em uma imagem de fundo para uma seção inteira?
Absolutamente! este é um dos usos mais populares Aplique as configurações do Rellax à imagem de fundo de uma Seção ou Contêiner Dê uma velocidade lenta e negativa (como -1), e o fundo irá derivar suavemente à medida que o conteúdo acima rola normalmente, criando um efeito de profundidade clássico e eficaz.
Como isso é diferente do “Motion Effects” integrado da Elementor?
Os efeitos básicos de movimento do Elementor geralmente controlam o movimento de um elemento em relação à janela de visualização (como “stick” ou “fade in”).A lelaxe é especificamente para a paralaxe baseada em velocidade, onde a velocidade de rolagem de um elemento é diferente da velocidade de rolagem da página. É uma ferramenta mais especializada e poderosa para criar verdadeiras ilusões de profundidade de campo.
O uso de muitos efeitos de paralaxe pode retardar meu site?
Sim, se você exagerar Cada elemento em movimento requer que o navegador faça mais trabalho durante a rolagem A chave é a moderação Use a paralaxe em 1-3 elementos-chave por página para o máximo impacto Evite aplicá-la a muitos itens pequenos e complexos Algumas camadas de paralaxe bem colocadas parecem profissionais; muitas podem sentir um desempenho caótico e prejudicial.
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
