javascript - 我如何将 (CSS/HTML) 的包链接在一起。 CSS/HTML -> CSS/HTML -> CSS/HTML

Question

我正在使用类似于 codepen.io 中的纯 CSS 创建小动画目前，这些动画有自己的 html/css。我很乐意将它们链接在一起以创建一个无缝的电影实验。

将它们链接在一起并依次触发包(CSS/HTML)的最佳方式是什么？

例如:一旦动画 A (lorem.css/lorem.html) 完成，它将触发动画 B，即 (ipsum.css/ipsum.html)

为了便于管理，我很乐意将它们分开。

---

我想知道我们是否可以为此使用 Handlebars.js？由于每个 HTML 文件之间的区别在于 body 标记。那么我是否可以只模板化每个 HTML 文件的 body 标签，然后在当前动画结束时将其换出到下一个 body block ？

谢谢。

Answer 1

你可以用javascript监听css3动画的ontransitionend事件。然后将新的动画类应用于元素。