Adding Animations to Your Website

How to Apply Customizable Animations in Sections
08/02/2024·Ana Carolina Duarte Cavalcante

Adding animations to sections can provide a visually appealing experience for the user. Whether gently revealing a section when loading the page or sliding elements into view, animations have the power to add a special touch to the website.

To facilitate this process, we have the component called Animation, which is currently available in the Storefront.

When adding it, you will need to choose a type of animation, as shown in the image below.

Animation Types

The animation can be applied to any section; just choose the section, and the effect will be applied when the user scrolls the page.

Applying Animation

Although the Animation component comes with some animations pre-defined, the developer can modify the animations as needed.