jquery - 如何使用 jquery 制作按钮后翻的动画？

Question

我想重新创建这种效果(使用 jquery)，因为我认为这是有史以来最酷的事情。 http://m.madebycanvas.com/things/backflip.html (作者:马修·法拉格)

...但我不知道从哪里开始。有谁知道如何或有任何想法吗？作者使用的是scripty2和原型(prototype)框架以及scriptaculous，我相信。

理想情况下，我还可以使用一个插件，该插件使用硬件加速 css 转换，并在不受支持的浏览器中回退到 jquery 自己的转换。如果可以的话，请解释一下您将如何在概念上做到这一点。

我正在考虑以某种方式将按钮动画放大到它将翻转到的容器的宽度，然后将锚定在中心的高度缩小到一条线，然后对将出现的面板执行相反的操作。

Answer 1

它使用Webkit动画。我制作了一个演示页面，从您发布的页面中提取基本代码:http://jsfiddle.net/42rT4/2/ 。我希望这对您有所帮助。

但请注意，作者特别要求您不要复制代码，因此您应该从中学习并推出自己的代码。