反模式 · 动效 · 中
0ms 瞬间跳变
0ms 瞬间跳变指状态切换毫无过渡，界面从未向用户确认任何事情发生过。
症状
悬停、激活、选中、勾选这些交互状态切换时没有任何过渡。
为什么会这样
过渡常常是最后才补的，悬停态拿到了，激活、勾选、选中态却被漏掉。另外某些 CSS reset 会把过渡全部清掉，于是时长归零。
规则
每个可见的状态变化都给 100-200ms。没有什么是瞬间发生的。
- 逐个排查悬停、激活、聚焦、勾选、选中——每个都要有过渡。
- 只有颜色或透明度变化用 100-150ms，位置变化用 200ms。
- 只有禁用与加载态在没有东西可展示时才可以瞬时。
0ms 瞬间跳变是什么？
按钮从默认态直接跳到激活态、中间没有过渡，看起来像坏了，因为没有任何东西把你的输入和结果连起来。状态变化需要 100-200ms——长到看得见，短到不必等。开关、复选框、标签指示器同理。0 毫秒不是「干脆」，是「没被确认」。
修复 Prompt
贴在你现有 Prompt 之后，把这类毛病从结果里剥掉。