Um elemento que simplesmente aparece em scroll está bem Um elemento que é descobertoà medida que um painel colorido desliza para expô-lo, parece projetado. O Revelar extensão em Complementos Mestres para Elementor adiciona que o bloco acionado por rolagem revela efeito a qualquer elemento Elementor: uma sobreposição colorida limpa o elemento à medida que ele entra na janela de visualização e, em seguida, limpa para mostrar o conteúdo abaixo Você controla a cor da sobreposição, a direção do wipe e a velocidade da animação, tudo a partir do painel Elementor.
O que é a extensão Reveal? #
O Revelar a Extensão é uma ferramenta de animação gratuita dos Master Addons que reproduz uma revelação de bloco em qualquer elemento do Elementor no momento em que ele rola para a vista Em vez de desaparecer ou deslizar, o elemento fica atrás de um painel de cores sólido que se varre para revelá-lo, Como a animação está amarrada à posição de rolagem, cada elemento se revela exatamente quando o visitante o alcança, o que atrai o olho para baixo na seção da página por seção.
Uma vez habilitada a extensão, cada elemento Elementor ganha uma opção Revelar sob sua Avançado guia, com três configurações principais: a revelação cor (o painel que cobre o elemento), o direção o painel viaja à medida que é liberado e o velocidade da animação. funciona em títulos, imagens, botões, colunas inteiras, ou qualquer outro elemento, e não adiciona nenhum plugin separado.
Antes de começar #
- WordPress com Elementor instalado e ativo.
- Complementos Mestres para Elementor instalado e ativo. Novo no plugin? siga o guia instalação primeiro.
- Reveal é uma extensão gratuita, portanto nenhuma licença Pro é necessária.
Como ativar a extensão Reveal #
Do seu painel WordPress, abra Adições Mestres e vai para o Extensões guia. Revelar fica no Widgets Animação grupo, ao lado Entrada Animação e Transforma. Clique em sua alternância para que ela ligue e pressione Salvar alterações e aguarde o aviso de confirmação A opção Revelar já está disponível em todos os elementos do editor Elementor.
Adicionar uma animação de revelação a um elemento #
No editor Elementor, selecione o elemento que deseja animar e abra o Avançado aba e expanda o Revelar seção. Ligue o efeito e defina os três controles:
- Cor: o painel sólido que cobre o elemento antes de ser revelado Combine-o com o fundo da sua seção para um lenço sem costura ou use uma cor de marca para uma varredura mais ousada.
- Direção: a maneira como o painel viaja à medida que é limpo, por exemplo, para a esquerda, direita, para cima ou para baixo, o que define se o elemento está descoberto horizontalmente ou verticalmente.
- Velocidade: com que rapidez a revelação é reproduzida Uma duração mais curta encaixa o elemento na visão; uma mais longa dá um lenço mais lento e deliberado.
A revelação é acionada por rolagem, então nada é reproduzido até que o elemento role para a janela de visualização Role a página para cima e para baixo na visualização para assistir ao disparo da animação no momento certo.
O resultado na página #
Publicar ou visualizar e rolar para baixo a página Como cada elemento com Revelar habilitado entra na tela, seu painel de cores varre a direção que você escolheu e na velocidade que você definir, descobrindo o conteúdo abaixo Porque as teclas de efeito fora da posição de rolagem, uma pilha de elementos revelados em cascata naturalmente como o visitante se move para baixo da seção.
Onde o efeito Revelar ganha o seu lugar #
- Rubricas secções. Uma revelação em um H2 sinaliza o início de uma nova seção quando o leitor chega a ela.
- Imagens herói. Descobrir uma foto de herói com um lenço colorido causa uma primeira impressão mais forte do que um desbotamento simples.
- Grades de recursos ou portfólio. Revelar cartas uma linha de cada vez em rolagem mantém o olho se movendo pela grade.
- Chamadas à ação. Uma revelação em um botão ou bloco de oferta chama a atenção à medida que ele se desloca para a vista.
- Estatísticas e citações. Descobrir um número ou um depoimento dá-lhe um momento de foco.
Dicas para usar Revelar #
- Mantenha a velocidade confortável. Uma revelação muito lenta pode deixar os visitantes esperando para ler; um lenço rápido geralmente parece mais responsivo.
- Combine a cor com a seção. Definir a cor de revelação para o fundo da seção torna o painel invisível até que ele se mova, então o elemento parece estar sendo limpo para existir.
- Use-o com moderação. Revelar cada elemento da página dilui o efeito Reserve-o para os elementos que você mais deseja notar.
- Verifique móvel. Telas curtas rolam mais rápido, então confirme se a revelação ainda dispara e lê bem em telefones e tablets.
- Combine-o com outras extensões de animação. Combine Revelar com Entrada Animação ou explore toda a gama de Efeitos de animação elementar para um movimento mais rico.
Vídeo Tutorial #
Assista à extensão Reveal em ação, desde habilitá-la até definir a cor, direção e velocidade em um elemento:
Perguntas frequentes #
Qual é a extensão Reveal em Master Addons?
A extensão Reveal é uma ferramenta de animação gratuita Master Addons que adiciona um efeito de revelação de bloco acionado por rolagem a qualquer elemento Elementor Um painel de cores sólidas cobre o elemento e depois varre para descobri-lo à medida que o elemento rola para a visualização Você o habilita na guia Extensões e, em seguida, define a cor, direção e velocidade em cada elemento da guia Avançado.
Como adiciono uma animação de revelação em rolagem no Elementor?
Habilite a extensão Revelar na guia Extensões de complementos mestres, selecione um elemento e abra a guia Avançado Expanda a seção Revelar, ative o efeito e escolha a cor, direção e velocidade de revelação A animação é acionada por rolagem, para que seja reproduzida automaticamente quando o elemento entra na janela de visualização.
O que posso personalizar no efeito de revelação?
Existem três controles principais: a cor do painel que cobre o elemento, a direção que o painel viaja à medida que é limpo e a velocidade da animação Juntos, eles permitem que você combine a revelação com o fundo da seção ou a cor da marca e controle a rapidez com que o elemento é descoberto.
Revela trabalho em algum elemento Elementor?
Sim. Depois que a extensão estiver habilitada, a opção Revelar aparecerá na guia Avançado de cada elemento Elementor, para que você possa aplicá-la a títulos, imagens, botões, colunas ou qualquer outro elemento que queira descobrir na rolagem.
A extensão Reveal é gratuita?
Sim. Revele os navios com a versão gratuita do Master Addons for Elementor, no grupo Animation Widgets da guia Extensões, portanto, nenhuma licença Pro é necessária para usá-lo A página de preços cobre o que os planos Pro adicionam.
Embrulhando #
A extensão Reveal transforma um scroll simples em um projetado: um painel colorido limpa para descobrir cada elemento à medida que entra na janela de visualização, com a cor, direção e velocidade definidas no painel Elementor. Comece com um título ou imagem de herói, ajuste a cor à sua seção e construa a partir daí. Ele combina naturalmente com o Entrada Animação e Transforma extensões e a linha completa de Widgets e extensões Master Addons cobre o resto.
