Blocks · Backgrounds

Scroll Aurora

Curtain of light driven by scroll progress — hue rotates, conic angle rotates, the curtain drifts.

SLUG: bg-scroll-auroraREACTS: scrollDIAL: --bg-aurora-amount↩ Backgrounds

01 · live

Scroll to drive the aurora

backgrounds · scroll aurora

The curtain rotates its conic seed, hue-shifts, and drifts vertically — all driven by a single CSS var.

↓ keep scrolling

View HTML

<section class="bsa-stage lsd-scroll lsd-scrub">
  <div class="bsa-curtain"></div>
  <!-- content -->
</section>

LSD blocks · Backgrounds · Scroll Aurora