Step 1
Click the "Studio" button in the top right corner.
.png)
Step 2
Click the "Add Interactivity" icon on the toolbar at the top middle of the screen or in the Interactive Studio side menu.
.png)
Step 3
Choose a shape from the Shapes options.
.png)
Step 4
Select a background color to adjust the shape's color. Ensure the shape color matches the background. Also, it's important to set the Border width to 0.
.gif)
Step 5
With the shape selected, open the "Add Effects" tab, and click "Effect on Load/Scroll." For a step-by-step animation, consider effects such as "Fade Out," "Expand Out," or "Bounce Out."
.png)
Step 6
Modify the animation's duration and delay to fine-tune it.
Copy and paste the shape if needed.
.gif)
Related Articles:
📖 How to make an interactive table of contents
Thank you for joining us in this tutorial! If you have any questions or need help, feel free to email us at [email protected] or book a call here.