反模式 · 动效 · 高
进场用 ease-in
进场用 ease-in 指让入场元素以 ease-in 曲线进入画面，把用户等待的那一刻推迟了。
症状
进场、展开、打开的元素，动作起步慢而后加速。
为什么会这样
ease-in 是很多动画库的默认值，而且它与离场曲线对称，于是不加思考就被同时用在了两个方向上。
规则
进场用 ease-out，离场用 ease-in。反过来绝不可以。
- 所有进场元素改用 ease-out 或起步快的自定义 cubic-bezier。
- 离场元素用 ease-in，让它加速离开。
- 把 CSS 默认的 `ease` 与 `linear` 全部换掉——两者对 UI 都太弱。
进场用 ease-in是什么？
ease-in 起步慢、逐渐加速。用在离场元素上是对的——它该边走边提速。用在进场元素上，意味着你点击等待的东西在最开始几帧几乎没动，整个界面因此显得卡。进场元素用 ease-out：起步快，然后柔和地落位。
修复 Prompt
贴在你现有 Prompt 之后，把这类毛病从结果里剥掉。