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.

 Preview in browser

Learn More

Did this answer your question?