如何在div上获得翻转效果

Question

我想要得到一个翻转div的jQuery UI效果。

例如，单击此站点上的“忘记密码”：https://drive.jolicloud.com/welcome

你会注意到整个注册div翻到了它的后面。

我该如何达到这个效果呢？

Answer 1

他们使用的是Flippant，非常简单和酷。它主要基于CSS变换效果和动画。

如果你只是想来回切换，我强烈推荐这个选项而不是使用jQuery插件。

Answer 2

不确定这是否应该是一个答案或评论，但请查看http://lab.smashup.it/flip/。我认为创建跨浏览器翻转效果所需的代码量太多了，如果不亲自尝试并接近它的话

Answer 3

对于非常简单和粗糙的翻转效果，您可以只将宽度动画设置为零，交换内容，然后将宽度动画恢复为其原始值。