在使用 CSS transition 时，动画时长到底应该用多少秒？

[Livid]

除了 UI UX 设计师自己个人的感觉之外，是否有任何业界的 best practice 值可以参考呢？

[maplerecall]

这个不好说，个人认为在保证一致性的情况下按照自己的感觉来调整就好，因为动画风格也体现了不同的设计理念，比如微软是初速度很快并且收尾也相对清爽的 ease-out 类型；苹果是起始稍慢，迅速达到接近结束位置的地方后有很长的收尾过程的类型； Google 的 material design 介于中间，浏览器的默认 ease 曲线就是类似这种感觉。不说实践结果如何，至少从三家的 design guildline 来看并没有绝对的高下之分。

不过说动画风格，除了 duration，timing function 其实更关键关键，例如同样 200ms 的 hover 动画，ease-out 就会比默认的 ease 感觉上响应快很多。css 动画还支持 bezier 曲线，可发挥的空间还是有一些的。

[kingsleydon]

用弹簧动画，没有 duration

[mxalbert1996]

大概测过 iOS 的默认动画基本都是 300ms

[Archeb]

默认 0.3s ，个别组件个别调整

[zhw2590582]

0.1 ~ 0.3 浮动