Parallax Effect

Learn more

Create depth with multiple layers moving at different speeds. Scroll down to see the effect.

↓

Scroll down

Medium

Background moves slower than foreground

Controls Make it yours

Parallax Intensity

Show Floating Particles

demo.htmlhtml

<div id="parallax-preview" style="height: 360px; overflow-y: auto">
  <div style="height: 900px; padding-top: 200px">
    <div [moveParallax]="0.35" moveParallaxContainer="#parallax-preview">Parallax Element</div>
  </div>
</div>