细节与特效 · 耐看的小细节
骨架屏微光Skeleton / Shimmer
- 等待
- 克制
- 结构感
加载时先用灰色色块占好位置,一道微光缓慢扫过,让等待有形状、也不显得卡住。
什么时候用它
内容结构已知、加载超过 300ms 时用它;加载很快或结构未知时不要用,避免闪烁。
参数
linear-gradient sweep · 1.5s linear infinite · radius matches real content
配方
骨架屏微光 → 1.5s linear骨架屏微光 → linear-gradient sweep · radius matches real content
给 AI 的一句话
给这个列表加骨架屏:先用与真实内容同尺寸、同圆角的灰色块占位,再叠加一道 linear-gradient 微光,1.5s、linear、无限循环。