0

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

一个示例是在此站点上单击“忘记密码”: https ://drive.jolicloud.com/welcome

您会注意到整个注册 div 翻转到它的后面。

我将如何实现这种效果?

4

4 回答 4

1

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

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

于 2013-07-01T21:43:15.177 回答
0

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

于 2013-07-01T21:44:00.473 回答
0

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

于 2013-07-01T21:46:40.760 回答
0

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

http://davidwalsh.name/css-flip

基本上,您在容器中创建一个前后 div。将背面在 Y 轴上旋转 180 度。当你想翻转时,你将容器旋转 180 度。添加平滑过渡并完成。

于 2013-07-01T21:47:30.073 回答