Como usar a animação na rolagem no Web Design

A animação na rolagem é o efeito básico de carregamento e rolagem de páginas da web. Você pode adicioná-lo selecionando um elemento e indo para o painel de propriedades. Clique no link On Scroll e marque a caixa de seleção Animation. Selecione uma predefinição e personalize o efeito de rolagem se necessário. Visualize para ver a animação no efeito de rolagem.
Animação na rolagem

Navegue por categorias de recursos

Efeito de animação de desvanecimento

O efeito Esmaecer é uma transição estilística em que um elemento, como uma imagem, texto ou plano de fundo, desaparece gradualmente e aparece de volta na página da web.

Efeito de animação de slide

Adicione o efeito se desejar que seu elemento se mova gradualmente de um ponto a outro em uma direção específica no carregamento ou rolagem da página.

Efeito de animação de zoom

O efeito de zoom é a transição de aparência gradual ao alterar o tamanho de um elemento. Ele permite fechar um Elemento no carregamento ou rolagem de uma página da web.

Efeito de animação flip

Aplique o efeito Virar para implementar a semirrotação de um elemento, por meio do qual você pode ver a frente e o verso do elemento atual. Você pode escolher o flip pole pelo eixo X ou pelo eixo Y.

Efeito de animação de salto

Use o efeito Bounce Animation para fazer o Elemento se mover para baixo, para cima e rapidamente para baixo novamente na rolagem da página.

Rotate Animation Effect

O efeito Girar define uma transformação que gira um elemento em torno de um ponto fixo na página sem a deformação.

Efeito de animação de caixa

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

Efeito de animação em Flash

Animação em Flash, também associada ao piscar, também é popular para atrair a atenção do visitante. Ele se parece com uma série de transições fade-in e fade-out com destaque para o estado opaco do objeto ou texto animado.

Efeito de animação de dobradiça

Com o efeito de dobradiça, um elemento vira ou faz com que ele gire com um movimento rápido e repentino, parando no ponto de uma dobradiça imaginável. Essa transição natural pode adicionar surpresa à interação em seu design da web.