Animated Background Design

Design animated background effects.

**Background Purpose:** ${{PURPOSE}}
**Visual Style:** ${{STYLE}}
**Performance Need:** ${{PERFORMANCE}}
**Platform:** ${{PLATFORM}}

Generate animated background:

**Background Types:**

Animation Options:
- Particle systems
- Gradient shifts
- Geometric patterns
- Nature elements
- Abstract shapes
- Video loops

**Particle Backgrounds:**

Particle Effects:
- Floating particles
- Connected nodes
- Snow/rain
- Bubbles/orbs
- Dust motes
- Confetti

**Gradient Animation:**

Color Motion:
- Shifting gradients
- Color cycling
- Radial pulse
- Aurora effect
- Mesh gradients

**Geometric Patterns:**

Shape Animation:
- Rotating shapes
- Scaling patterns
- Moving grids
- Morphing forms
- Tessellation

**Performance:**

Optimization:
- Canvas vs CSS
- GPU acceleration
- Reduced complexity
- Lazy initialization
- Mobile alternative

**Subtlety:**

Design Balance:
- Not distracting
- Support content
- Appropriate energy
- Professional suitable
- User preference option

**Implementation:**

Technical Options:
- CSS animations
- Canvas/WebGL
- Three.js
- Particles.js
- Video background
- GIF loop

**Accessibility:**

Considerations:
- Reduced motion option
- Not seizure-inducing
- Content readable
- Pause option
- Performance fallback