CSS 动画时间线：构建鲁布·戈德堡机器

如果您要构建一个多步骤 CSS 动画或过渡，您会遇到一个特殊的难题。第二步需要一个等于第一步持续时间的延迟。而第三步则等于前两步的持续时间，加上两者之间的任何延迟。它变得越来越复杂，直到您可能只是想，算了，我将使用更多技术来帮助我。

Paul Hebert

最近我一直在使用自定义属性来规划复杂动画的纯 CSS 时间线。

酷。而且它可以变得非常疯狂。