Appear

Animates elements when they scroll into the viewport. Perfect for entrance effects that reveal content as users scroll down the page.

Controls

  • Opacity — Fade in from transparent
  • Scale — Grow or shrink from a starting size
  • Rotate — Spin in from a rotated position
  • Skew — Distort from a skewed angle
  • Offset — Slide in from X or Y offset positions
  • Size W/H — Animate from different width/height
  • Clip Path — Reveal with a clipping mask animation
  • Play Once — Animation only plays the first time element enters viewport
  • Threshold — How much of the element must be visible before triggering