Animated Gradient Shift

Visual EffectsLive Preview

A smooth background gradient that slowly shifts between colors over time.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Colors

Speed

Direction

Your Prompt

abcclick to edit

Create a full-screen animated background gradient that shifts between blue, purple, and indigo colors. The animation cycle takes 15 seconds and uses diagonal (135deg) gradient direction. Use CSS background-size: 400% with background-position animation for smooth color transitions.