Back to projects
Aurora Borealis CSS animation

2024

Aurora Borealis

A pure HTML and CSS animation that recreates the aurora borealis over a starry night sky using layered gradients, background images, and keyframe animations. Inspired by the May 2024 solar storm that made the northern lights visible across the Bay Area and as far south as San Diego.

Sandboxes

Highlights

  • CSS Animation
  • Layered gradients

Context

A visual experiment recreating northern lights with gradients and keyframes.

Links