Parallax

Scroll-linked translate. Positive speed drifts up (slower than scroll), negative drifts down (faster).

Scroll the page — I'll drift up.

And I drift down (negative speed).

Usage

import { Parallax } from '@bwo-ui/react';

<Parallax speed={80}>
  <img src="/hero.jpg" alt="" />
</Parallax>

Props: speed (px of total travel), axis ('y' or 'x'), scrub (true / number), plus standard ScrollTrigger start / end.