Background Gradient Maker

CSS

Enabled

Gradient Type

Angle 90°

Position X 50% Position Y 50%

Shape

Size

Color Stops

Enabled

Gradient Type

Angle 45°

Position X 50% Position Y 50%

Shape

Size

Blend Mode

Opacity 100%

Color Stops

Enable animation

Animation Type

Apply To

Duration 10s

Direction

Timing

Rotate animates the gradient angle. Pan animates the position. Hue Shift rotates colors. Pulse animates scale.