反馈与交互 · 点一下的回应
闪烁Flash
- 急促
- 反复
- 打断
元素的存在感快速闪两下:位置不动、大小不变,只有明暗在跳。它和脉动的差别不在幅度而在节奏 —— 脉动是慢的、循环的,「我还在」;闪烁是急的、两下就停,「看我这里」。
什么时候用它
只在必须立刻打断用户时用 —— 新的高优先级提醒、刚出现的错误。永远不要循环播放:闪烁是注意力里最贵的一种,用过一次就没了。而且它对光敏感人群不友好,务必配 prefers-reduced-motion 降级成一次性的颜色变化。
参数
opacity 1→0.25→1 · 2 cycles · total 320ms · ease-in-out · each cycle 160ms
配方
闪烁 → opacity 1→0.25→1 · 2 cycles · total 320ms · ease-in-out · each cycle 160ms
给 AI 的一句话
让这个提醒闪两下:opacity 在 1 和 0.25 之间来回,2 个循环,每个循环 160ms(共 320ms)用 ease-in-out,只改透明度,不要位移、不要变色。闪完就停,绝对不要写 infinite。