CSS Background Generator

Create stunning gradients, animations, and background effects for your web projects

Gradient Generator

Gradient Type

Color 1

Color 2

Angle (for linear) 45°

Position (for radial)

Color Palette

Animation Type

Duration (seconds) 3s

Timing Function

Delay (seconds) 0s

Iteration Count

Blur Effect (px) 10px

Opacity 70%

Your background preview will appear here

Generated CSS

/* Your CSS will appear here */