【发布时间】：2012-10-18 15:54:33
【问题描述】：
我想要一个 jQuery 插件来帮助我在 x 轴上的 div 元素上制作翻转动画，同时保留背景图像并且不反转内容。我尝试了一些插件，但无法达到我想要的结果。如果有人可以提出解决方案，那就太好了。这是我到目前为止尝试过的，但没有成功：
http://ricostacruz.com/jquery.transit/ - 我可以使用rotateX，并且卡片内容在旋转时可见，但我不希望在旋转后反转内容。
http://css3.bradshawenterprises.com/flip/ - 和上面的插件一样的问题
http://lab.smashup.it/flip/ - 这个没有反转内容，这很好，但是它在翻转时使用了纯色背景，而不是保留卡片的内容。
有人能解决我遇到的问题吗？
【问题讨论】：
-
引用： "...在 x 轴上翻转一个 div 元素，同时保留背景图像并且不反转内容。" ~ 它是不清楚你想要什么。如果您不触摸背景或内容，则没有任何内容翻转。
-
我对 div 元素做了 180 度翻转。发生这种情况时， div 元素中的所有文本和图像都是倒着的，倒置的，就好像倒着看镜子一样。我喜欢翻转动作，但我希望 div 元素中的文本和图像的方向保持不变。
-
哦，好吧，你从来没有提到“动画”。
-
另外，我在动画中途做了一个
$('div').html('insert new content here')。所以看起来我正在转向新的内容。翻转后，新内容倒置并上下颠倒。我尝试进行 2 次翻转……一次翻转动画 5000 毫秒，第二次动画 0 毫秒在 2500 毫秒，以尝试快速反转翻转。但是第二次翻转的结果不生效。 -
而不是搜索翻转插件。为什么不搜索也具有翻转动画效果的图像滑块插件？通常，图像滑块允许您使用除图像之外的任何类型的元素；这些不会反转内容。
标签： jquery rotation jquery-animate flip