MotionLang

细节与特效 · 耐看的小细节

骨架屏微光Skeleton / Shimmer

加载时先用灰色色块占好位置,一道微光缓慢扫过,让等待有形状、也不显得卡住。

在工具里打开这条

什么时候用它

内容结构已知、加载超过 300ms 时用它;加载很快或结构未知时不要用,避免闪烁。

参数

linear-gradient sweep · 1.5s linear infinite · radius matches real content

配方

  1. 骨架屏微光 → 1.5s linear
  2. 骨架屏微光 → linear-gradient sweep · radius matches real content

给 AI 的一句话

给这个列表加骨架屏:先用与真实内容同尺寸、同圆角的灰色块占位,再叠加一道 linear-gradient 微光,1.5s、linear、无限循环。

同类的其他动效