我正在使用纯 CSS 创建小动画,类似于 codepen.io 中的动画 目前,这些动画有自己的 html/css。我很乐意将它们链接在一起以创建一个无缝的电影实验。
将它们链接在一起并在另一个包之后触发包(CSS/HTML)的最佳方法是什么?
例如: 一旦动画A(lorem.css/lorem.html)完成,就会触发动画B(ipsum.css/ipsum.html)我希望将它们分开以便于管理。
我想知道我们是否可以使用 Handlebars.js 来实现此目的?由于每个 HTML 文件之间的差异在于 body 标记。那么我可以模板化每个 HTML 文件的 body 标签,然后在当前动画结束时将其交换到下一个 body block 吗?
谢谢。
最佳答案
您可以使用 javascript 监听 css3 动画的 ontransitionend 事件。然后将新的动画类应用到元素。
关于javascript - 如何将 (CSS/HTML) 包链接在一起。 CSS/HTML -> CSS/HTML -> CSS/HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20327595/