Skip to main content
All CollectionsFAQFAQs for Design
How to Create Entrance Animation Activated on Scroll
How to Create Entrance Animation Activated on Scroll

Creating Entrance Animations

Michal avatar
Written by Michal
Updated over 2 years ago

Are you tired of static content? Add some stylishness with animation activated on scroll!

First, make sure you understand animation variables such as Curve, Delay, and Duration.

Steps:

  1. Select the component you want to animate on scroll

  2. Click on Entrance Animation in the Prototype tab > Smart Layers

  3. Pick a transition or paste your own custom CSS transition

  4. Check "Begin on scroll into screen" if it is not already checked

TIP: Add Delay or make Duration longer if the animation happens too fast even before you fully scroll past it.

Learn More

Did this answer your question?