Javascript 使用时间线直观地创建css3动画？

可以使用哪些技术来制作这部精彩的动画：

是Jquery和一些CSS3吗

---

OSX上是否有工具可以直观地创建这样的动画，然后将其导出到Jquery和CSS

我在Chrome extensions BuildWith和Chrome Sniffer中发现了什么

• HTML5
• script.aculo.us 1.8.0
• 原型1.7
• 现场催化剂

---

我在Chrome extensions BuildWith和Chrome Sniffer中发现了什么

• HTML5
• script.aculo.us 1.8.0
• 原型1.7
• 现场催化剂

---

从外观上看，JS只有一些（依赖于浏览器）和标准配置。也有一些淡出，但这些都是相当容易做到现在。阴影只是图像，没有什么特别的CSS

---

至于jQuery的使用，他们不使用它，而是使用scriptaculous的原型。当然，你也可以用jQuery轻松地完成这项工作，或者用任何其他成熟的框架来完成这项工作。

从外观上看，JS只提供了一些（依赖于浏览器）和标准的定时功能。也有一些淡出，但这些都是相当容易做到现在。阴影只是图像，没有什么特别的CSS

至于jQuery的使用，他们不使用它，而是使用scriptaculous的原型。当然，您也可以使用jQuery轻松地完成这项工作，或者使用任何其他成熟的框架完成这项工作。

这就是它的制作方法：

“phone stage”（蓝色边框框）包含动画序列的所有6张“幻灯片”，并具有带有持续时间和计时功能（立方贝塞尔曲线）的过渡css属性。对于从一张幻灯片循环到下一张幻灯片的phone stage，其css transform属性将使用新的translate和rotate值进行更新。在循环结束时，手机阶段的过渡持续时间临时设置为0毫秒，而幻灯片6重置为幻灯片1

它是这样制作的：

“phone stage”（蓝色边框框）包含动画序列的所有6张“幻灯片”，并具有带有持续时间和计时功能（立方贝塞尔曲线）的过渡css属性。对于从一张幻灯片循环到下一张幻灯片的phone stage，其css transform属性将使用新的translate和rotate值进行更新。在循环结束时，手机阶段的过渡持续时间临时设置为0毫秒，而幻灯片6重置为幻灯片1

---

不是我写的，所有的学分都归约翰·B·霍尔-@johnbhall我没有写，所有的学分都归约翰·B·霍尔-@johnbhall