Animated CSS Background Generator

Live Preview

Class: bg-xxxxxx

Resize window to test responsiveness

Perfect for hero sections, dashboards, and landing pages. Lightweight CSS with smooth animations and optional effects.

Create beautiful animated backgrounds with pure CSS. Perfect for WordPress hero sections, dashboards, and landing pages.

Mode Gradient Type

Gradient Angle 45°

Color 1 Color 2 Color 3 Color 4

Pattern Type Pattern Size

Animation Speed Medium Intensity 80%

Grain Effect 8% Blur Effect 0px

CSS copied to clipboard!