Animated Gradient Shift
A smooth background gradient that slowly shifts between colors over time.
Adjust the preview
Every choice updates the preview and the wording below.
Colors
Speed
Direction
Your prompt
Highlighted values follow your choices — click one to write your own.
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.
Paste it into Claude, Cursor, or v0 along with the context for your project.