Como Adicionar Animação Fade On Scroll

Adicione o Efeito se quiser que seu elemento se mova gradualmente de um ponto para outro em uma direção específica ao carregar ou rolar a página. Especifique o efeito do slide adicionando, escolhendo um elemento e clicando na predefinição do slide na seção Animação na rolagem do Painel de propriedades.

Você pode usar as predefinições Animation On Scroll. E existem dois tipos deles: Predefinições de Animação Personalizáveis, cujas propriedades você pode editar totalmente, as Predefinições de Animação Predefinidas, que você só pode escolher na Biblioteca e ter um ajuste fino mínimo.

Use o efeito Bounce Animation para fazer o elemento se mover para baixo, para cima e para baixo novamente na rolagem da página. Você pode habilitar a animação de salto ao rolar clicando na predefinição correspondente na seção Animação ao rolar do painel de propriedades.

Hoje, muitos sites têm elementos animados usados para atrair a atenção aumentando as visitas, melhorando a marca e adicionando exclusividade aos sites. Nicepage capacita web designers, profissionais e novatos, para construir blocos ricos em animação sem codificação. Você pode habilitar a propriedade Loop Animation no Property Panel para adicionar animação e interação ao seu site, trazendo o poder do JavaScript e do CSS para o editor visual do site.

A animação em Flash, também associada ao piscar, também é popular para atrair a atenção do visitante. Aparece como uma série de transições fade-in e fade-out com ênfase no estado opaco do objeto ou texto animado.

Com o Efeito Dobradiça, um Elemento vira ou faz virar com um movimento súbito e rápido parando no ponto de uma dobradiça imaginável. Essa transição natural pode adicionar surpresa à interação em seu web design.

The Box, ou Jack In The Box, cria um efeito de transição imitando um movimento de brinquedo de brincadeira popular. Começa com o desvanecimento central e continua com a agitação de um lado para o outro.

O efeito Rotate define uma transformação que gira um elemento em torno de um ponto fixo na página sem a deformação. Este efeito também está disponível como uma predefinição, que você pode encontrar na seção Animação na rolagem do Painel de propriedades.

O Efeito Zoom é a transição de aparência gradual ao alterar o tamanho de um Elemento. Permite fechar um Elemento ao carregar ou rolar uma página da web.

Suponha que os efeitos de animação padrão sejam muito pequenos para a ideia do seu site e que você precise misturar vários efeitos de animação para obter o resultado desejado. Você pode controlar totalmente as propriedades disponíveis para as predefinições de animação personalizáveis. E escolha apenas as predefinições de animação pré-projetadas da Biblioteca com o mínimo de ajuste fino. Você pode ir ao Painel de propriedades e personalizar todas as propriedades dos efeitos Fade, Move, Zoom, Roll, Rotate e Spiral.

Aplique o efeito Flip para implementar a semi-rotação de um elemento, onde você pode ver os lados frontal e traseiro do elemento atual. Você pode escolher o flip pole pelo eixo X ou pelo eixo Y. Você pode selecionar um Elemento e, em seguida, o Flip Preset para a Animation On Scroll no Painel de Propriedades.