MotionLang

氛围与背景 · 页面的空气

极光渐变Aurora veil

几团大而软的颜色在里面慢慢漂,边界永远是糊的 —— 所以它不像「一块背景」,像空气本身有颜色。首页最省事的高级感来源,而且它不抢前面的字。

在工具里打开这条

什么时候用它

想让页面一进来就有气氛、又不想让动效抢内容时用它 —— 首页第一屏、登录页、大片留白的页面都合适。工具界面和要长时间盯着读的列表别用:背景一直在动,字会变难读;那种页面用一张静态渐变就够了。

参数

4 radial gradients · radius ≈ 0.8×frame · period 26–48s · sine-eased drift · dark → lighter

配方

  1. 极光渐变 → 48s
  2. 极光渐变 → 4 radial gradients · radius ≈ 0.8×frame · period 26–48s · sine-eased drift · dark → lighter

给 AI 的一句话

给这个页面铺一层极光背景:4 团径向渐变,半径约 0.8 倍画面宽,每团的中心在横竖两个方向各走一条正弦,周期分别是 26–48 秒且互不同步,颜色边界要一直保持糊掉的状态。浅色界面用普通叠加,深色界面用 lighter 提亮。它只做背景,前面的文字和按钮不参与动画。

同类的其他动效