Looping & Ambient · Runs on repeat
Animated gradient渐变流动
- always moving
- no fixed direction
- ambient
The colour behind is never still: hues drift and brightness bleeds into one another, like light under water. Watch it long enough and you still cannot say which way it is going.
When to use it
Use it for loading, empty states, an assistant thinking, and sign-in screens — anywhere with no content that still needs to feel alive. Do not lay it under body copy; it steals attention.
Parameters
5s linear infinite · blobs drift 40–60px · filter blur(38px) · mix-blend-mode screen · phases offset
Recipe
Animated gradient → 5s linearAnimated gradient → 5s linear infinite · blobs drift 40–60px · filter blur(38px) · mix-blend-mode screen · phases offset
One sentence for your AI
Add a flowing gradient underneath: three heavily blurred colour blobs (blur 38px) each drifting 40–60px with different phases, one cycle every 5s, infinite, linear, with mix-blend-mode screen so they brighten each other. Do not touch any text.