CSS Animated Starfield Background

CSS-only animated starfield with three drifting layers, a deep blue backdrop and reduced-motion support.

Details

Create an outer-space backdrop with a CSS-only animated starfield. Three layers of small stars drift upward at different speeds over a deep blue background with a subtle ODD blue glow. Repeating gradient tiles create seamless loops without JavaScript, images, frameworks or external dependencies. Includes editable HTML and CSS, a self-contained preview and reduced-motion support for hero sections, landing pages and portfolios.
  • css starfield
  • animated star background
  • css animated background
  • space background
  • starfield animation
  • css only animation
  • parallax star background
  • dark blue background
  • html css background
  • hero background
  • seamless animation
  • no javascript