javascript - 用时间线直观地创建 css3 动画？

Question

可以使用什么技术来制作这个精彩的动画:

http://www.apple.com/iphone/

它是带有一些 CSS3 的 Jquery 吗？

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

Answer 1

它是这样制作的:http://johnbhall.com/iphone-4s/

The "phone stage" (blue-bordered box) contains all 6 "slides" of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve). For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At the end of the cycle, the phone stage's transition duration is temporarily set to 0ms while slide 6 resets to slide 1.