MOTION HUB

暮色辉光

Ember Glow
#ember-glow · 12/72
AUTO · 自动演示

参数调改

PLAYGROUND
主辉光色--ember_a
深烬色--ember_b
呼吸周期--breath_s
516
s
辉光强度--glow_strength
0.41
夜色底色--base

实现要点

NOTES
  1. 01

    全站单色系纪律:暖色系只允许在本类目出现,且饱和度压低(琥珀/赭石 S≈35-45%),明度差拉开——否则会变成刺眼的橙红警报色,与站点冷色基调打架。

  2. 02

    『呼吸』= 三团光晕以 1x / 1.35x / 0.7x 周期做 scale 0.92↔1.12 + 轻微 translateY 的往复,负 delay 错相位;底部的静态地光 wash 保证任何相位都不是黑板。

  3. 03

    光团重心压在画面下三分之一(bottom 偏负值出血),像火堆在画外:光有来源,上方留黑给内容。

  4. 04

    blur 收敛在容器一层(44px),暗角用暖黑(rgba(8,5,3))而不是纯黑,让四周也带一点余温。

  5. 05

    只动 transform + opacity;reduced-motion 下停用呼吸,三团光静止但构图完整。

源代码

SOURCE

加载源代码…