我目前正在从事一个新项目，并且才刚刚开始深入研究CSS动画。 我的问题是：如何创建动画问题的时间表？意思是，如何让一个动画在另一个动画结束之后高效地运行？。
我想要达到的目标的一个示例：https://www.v2.aristidebenoist.com/
答案 0 :(得分：1)
这将在 CSS Animations 2 中通过 animation-timeline 属性解决：
animation-timeline: auto | none | <timeline-name>
此属性使用户可以更好地控制同步/取消同步 CSS 动画。
目前（2021 年 6 月），任何浏览器都不支持此属性，但有时 CSS 实现确实会快速移动！
答案 1 :(得分：0)
查看CSS关键帧：https://css-tricks.com/snippets/css/keyframe-animation-syntax/和https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations
您可以创建一系列不同的关键帧集，然后通过使用例如javascript更新包含元素的根目录上的类来触发不同的关键帧集。
在MDN链接上，进一步在页面下方查找动画事件文档。您可以加入其中，以了解动画何时开始/迭代/结束。
答案 2 :(得分：0)
Greensock.js是我认为的方法。您可以使用细粒度的细节编写所有脚本，并且它具有大量有用的插件和内置工具，可满足常见的动画需求：