Light Rays

Type: Css

Preview

Light Rays

About This Background

God rays / light shafts effect with animated opacity and movement. Volumetric lighting simulation using CSS gradients.

How to Use

// Option 1: Use as CSS background
// Copy the animated background CSS and add to your project

// Option 2: Use with AI website builder
// Prompt: "Add a Light Rays animated background to the hero section"

// Option 3: Use via MCP server
// Ask Claude: "Add the Light Rays background to my website"

Related Css Backgrounds

Floating Orbs

Floating gradient orbs with blur and drift animation. Multiple orbs with differe...

Neon Grid

Retro neon grid with perspective transform and scrolling animation. Synthwave ae...

Geometric Tiles

Animated geometric tile pattern with rotating shapes. CSS grid with staggered an...

Cyberpunk Grid

Cyberpunk grid with glitch effects, scan lines, and neon glow. Animated perspect...

Dot Matrix

Animated dot matrix with wave ripple effects. CSS grid of dots with staggered op...

Rain Drops

CSS rain drops on glass effect with animated droplets and streaks. Uses backdrop...