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

标签 javascript jquery html css animation

我正在使用纯 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/

相关文章:

javascript - 如何在实习生js中打开新的浏览器窗口?

javascript - 添加 JavaScript 文件

javascript - 如何反转以下表单元素禁用功能的过程

html - 如何使用 AngularJS 在 Popover 中显示和隐藏 <div>

html - 保持元素在同一垂直方向

javascript - 单击时删除文本 - javascript

javascript - Vue.JS 嵌套 v-for 抛出 null/未定义错误

javascript - 创建 jQuery 集合的更好方法

JavaScript attr ('id' )和这个

javascript - Vue.js 标记为无效 HTML