CSS过渡的完美持续时间

我们都曾经历过由于过渡或动画持续时间和时机不当而感觉迟缓或其他不适的网站交互。然而,有一个非常简单的“黄金法则”可以帮助您避免这种糟糕的用户体验,它被称为多尔蒂门槛(Doherty Threshold)

当计算机和用户以确保彼此无需等待的速度(<400ms)进行交互时,生产力会大幅提高。

0.4秒这个神奇数字听起来非常合理,但是看看您最喜欢的网站,您会注意到大多数transition-durationanimation-duration的值更接近于0.3秒。这可能与我们最近对快速交互的期望有关 - 毕竟相关的研究论文是在1982年发表的。