Entrance Animation

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

Entrance Animation Preview

  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. If you want it to be activated by scrolling, check the box Begin on scroll into screen
  5. Click Save


  • 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

Entrance Animation