Add animations and effects

1. Select an element and open the Motion tab of the inspector.
2. Choose an entrance (such as fade, slide or zoom) when the page loads or when the element scrolls into view. On a container you can stagger its children.
3. Add effects: on hover, linked to scrolling (such as parallax), in a loop, or on text (such as typewriter or counter). Arabic text is animated word by word.

Animations play in Preview. Visitors who asked their device to reduce motion don't see them. To turn them off for everyone, switch on Reduce animations for everyone in Site settings › General.