Blocks · Backgrounds

Animated Noise

A colored gradient base under animated SVG noise — soft-light blend gives constant living texture.

SLUG: bg-animated-noiseREACTS: timeDIAL: --bg-noise-amount↩ Backgrounds

01 · live

Noise as warmth

backgrounds · animated noise

Color, then breath.

A drifting gradient base under animated SVG turbulence — the page never holds completely still.

View HTML

<section class="ban-stage">
  <div class="ban-base"></div>
  <div class="ban-noise"><svg><filter><feTurbulence><animate seed/></feTurbulence></filter><rect/></svg></div>
</section>

LSD blocks · Backgrounds · Animated Noise

↩ All backgrounds