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 Master Addons Pro adiciona que o bloco acionado por rolagem revela efeito aos widgets e colunas do 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 lenço, a velocidade e o atraso, tudo a partir do painel Elementor.
O que é a extensão Reveal? #
O Revelar extensão é uma extensão de animação Master Addons Pro que reproduz uma revelação de bloco em um widget ou coluna 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ólidas que varre para revelá-lo Como a animação está amarrada à posição de rolagem, cada elemento se revela exatamente quando o visitante chega até ele, o que atrai o olho para baixo da página Ele é reproduzido uma vez por carga de página.
Depois que a extensão estiver habilitada, widgets e colunas ganham uma opção Revelar sob o Avançado tab, com quatro configurações: a revelação cor (o painel que cobre o elemento), o direção o painel viaja conforme limpa, o velocidade, e o atraso. Funciona em títulos, imagens, botões e outros widgets, e em colunas em seções legadas Os contêineres e seções do Flexbox não têm a opção.
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.
- Master Addons Pro ativo, já que Reveal é uma extensão Pro.
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 (Pro) 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 widgets e colunas no 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 Revelação Habilitada e defina os 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: Centro, da esquerda para a direita, da direita para a esquerda, de cima para baixo ou de baixo para cima.
- Velocidade: 0 a 10, onde o padrão 5 é meio segundo Mais baixo é mais rápido.
- Atraso: 0 a 20, até dois segundos antes do painel se mover Use-o para escalonar vários elementos.
A revelação é acionada por rolagem, então nada é reproduzido até que o elemento role para a janela de visualização No editor ele é reproduzido logo após o carregamento da página Na página ao vivo ele é reproduzido uma vez quando o elemento entra na janela de visualização, e uma recarga é reproduzida novamente.
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 cascatas como o visitante move para baixo da página O Revelar página de extensão tem uma demonstraçã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 extensão de animação Master Addons Pro que adiciona um efeito de revelação de bloco acionado por rolagem aos widgets e colunas 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 ativa na guia Extensões e, em seguida, define a cor, direção, velocidade e atraso 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 quatro controles: a cor do painel que cobre o elemento (sólido ou gradiente), a direção que o painel viaja à medida que se limpa, a velocidade e o atraso 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?
Nem todos os elementos A opção Revelar aparece sob a guia Avançado de widgets e de colunas em seções legadas Os contêineres e seções do Flexbox não o obtêm, portanto, aplique Revelar aos widgets dentro deles.
A extensão Reveal é gratuita?
Não. Revelar faz parte do Master Addons Pro. Ele aparece no grupo Animation Widgets da guia Extensões assim que o Pro estiver ativo. A página de preços lista os planos.
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.
