Javascript 如何在div上获得翻转效果

Javascript 如何在div上获得翻转效果,javascript,jquery,jquery-ui,html,jquery-effects,Javascript,Jquery,Jquery Ui,Html,Jquery Effects,我想得到一个翻转div的jqueryui效果 例如,单击此站点上的“忘记密码”: 你会注意到整个注册分区都翻转到了它的后面 我怎样才能达到这个效果呢?他们正在使用,非常简单和酷。它主要基于CSS变换效果和动画 如果你只是想前后翻动东西,我强烈建议你使用这个选项而不是jQuery插件。不确定这是否是一个答案或评论,但请检查。我认为创建跨浏览器翻转效果所需的代码量有点太多,如果不亲自尝试并接近对于非常简单和粗糙的翻转效果,您可以将宽度设置为零,交换内容,然后将宽度设置为原始值 这是一个使用CSS的

我想得到一个翻转div的jqueryui效果

例如,单击此站点上的“忘记密码”:

你会注意到整个注册分区都翻转到了它的后面

我怎样才能达到这个效果呢?

他们正在使用,非常简单和酷。它主要基于CSS变换效果和动画


如果你只是想前后翻动东西,我强烈建议你使用这个选项而不是jQuery插件。

不确定这是否是一个答案或评论,但请检查。我认为创建跨浏览器翻转效果所需的代码量有点太多,如果不亲自尝试并接近

对于非常简单和粗糙的翻转效果,您可以将宽度设置为零,交换内容,然后将宽度设置为原始值

这是一个使用CSS的简单动画


基本上,您可以在容器中创建一个前后div。沿Y轴向后旋转180度。如果要翻转,请将容器旋转180度。添加平滑过渡并完成操作。

您尝试过哪些方法?