Skip to main content

How to Create Entrance Animation Activated on Scroll

Creating Entrance Animations

Michal avatar
Written by Michal
Updated over 3 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?