Entrance Animation

Add style to your website by animating a component when visitors scroll past it.

Entrance Animation Preview

How To:

  1. Select the layer(s) you want to add the effect to
  2. Under the Smart Layers section, select Entrance Animation
  3. Select the desired Animation effect, or enter your own CSS transition
  4. Check Begin on scroll into screen
  5. Click Save

Entrance Animation


  • For better results, get to know animation variables such as Curve, Delay, and Duration
  • Add Delay or make Duration longer if the animation happens too fast or even before you fully scroll past it