循环与氛围 · 一直在重复
渐变流动Animated gradient
- 一直在动
- 说不清往哪动
- 氛围
背景那团彩色不是静止的:颜色在慢慢游走、明暗互相渗透,像水面下的光。看久了也说不清它到底往哪边动。
什么时候用它
加载中、空状态、AI 正在生成、登录页这类「没有内容但要显得活着」的地方用它;有正文的页面上别铺,会抢注意力。
参数
5s linear infinite · blobs drift 40–60px · filter blur(38px) · mix-blend-mode screen · phases offset
配方
渐变流动 → 5s linear渐变流动 → blobs drift 40–60px · filter blur(38px) · mix-blend-mode screen · phases offset
给 AI 的一句话
给这个底加一层流动的渐变:放三团高斯模糊的色块(blur 38px),各自以不同相位缓慢位移 40–60px,5 秒一轮、无限循环、linear,叠 screen 混合模式让它们互相加亮。不要动任何文字。