Noise Grain

Type: Css

Preview

Noise Grain

About This Background

Animated film grain noise overlay. Uses SVG feTurbulence filter with animated seed. Subtle vintage texture effect.

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 Noise Grain animated background to the hero section"

// Option 3: Use via MCP server
// Ask Claude: "Add the Noise Grain 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...