Blocks · Backgrounds

Meteor Shower

Eighteen diagonal streaks fall through the stage — staggered delays, varied tints, dense meteor shower.

SLUG: bg-meteor-showerREACTS: timeDIAL: --bg-meteor-amount / --bg-meteor-count↩ Backgrounds

01 · live

Watch the sky fall

backgrounds · meteor shower

Each meteor is a thin gradient bar with a randomised left, delay and duration. CSS owns the fall.

View HTML

<section class="bms-stage">
  <div class="bms-field" data-bms-field></div>
  <!-- content -->
</section>

LSD blocks · Backgrounds · Meteor Shower