我想得到一个翻转 div 的 jQuery UI 效果。
一个示例是在此站点上单击“忘记密码”: https ://drive.jolicloud.com/welcome
您会注意到整个注册 div 翻转到它的后面。
我将如何实现这种效果?
我想得到一个翻转 div 的 jQuery UI 效果。
一个示例是在此站点上单击“忘记密码”: https ://drive.jolicloud.com/welcome
您会注意到整个注册 div 翻转到它的后面。
我将如何实现这种效果?
他们正在使用Flippant,非常简单和酷。它主要基于 CSS 变换效果和动画。
如果你只是想来回翻转,我强烈推荐这个选项而不是使用 jQuery 插件。
不确定这是否应该作为答案或评论,但请查看http://lab.smashup.it/flip/。我认为创建跨浏览器翻转效果所需的代码量有点太多了,如果不尝试自己并接近的话
对于一个非常简单粗暴的翻转效果,您可以将宽度设置为零,交换内容,然后将宽度设置为原始值。
这是一个使用 CSS 制作的简单动画
http://davidwalsh.name/css-flip
基本上,您在容器中创建一个前后 div。将背面在 Y 轴上旋转 180 度。当你想翻转时,你将容器旋转 180 度。添加平滑过渡并完成。