Como usar a animação Bounce ao rolar para um elemento do site

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.

Navegue por categorias de recursos

Tudo que você precisa para criar seu site gratuito

Use nosso Construtor de Sites para projetar e criar sites sem codificação. Arraste e solte o que quiser, para qualquer lugar que quiser. O Criador de sites adapta automaticamente seu site para dispositivos móveis para torná-lo responsivo. Escolha entre mais de 9.000 modelos de sites personalizáveis.

Recursos Relacionados

How to Use The Bounce Animation On Scroll On Your Website

How many times have you been using animations or tried to create your own simple animations, and they failed to impress your visitors? In web development, it is not important what number of times SS animation is used if it correlates with previous and following animations. It is also crucial to manage the length of time that your animation appears and disappears before the visitor. Using animation, which is currently on the screen, is very important to set the visitor's mood. Let's say you want your webpage to feel alive, like it is built right in front of your eyes.

Our bounce animation can help you build this effect without deep web development knowledge. The Bounce animation examples have good customer attraction possibilities. Using animation keyframes and adjusting a linear timing function, you can customize how your elements with bounce animations will look in every moment of animation. Select the element you will animate and go to the right options panel. Go to animations, scroll, and pick animation that suits your purposes better. This animation using basic configurations, moves the element closer or further from the user without changing the image or font size, creating an alive and dynamic atmosphere.

Using the property function which allows you to customize animation property values, you can take and complete one cycle to see the whole transitions and change it. Using the keyframes timing function, you can set the number of animation changes before it can complete one cycle. The options panel also configures the length of time the animation will bounce on the screen. Create animations using keyframes timing function that no longer copy-paste other animations. We help you create a web design that any web developer wants to have in a split of seconds.