Javascript 使用jQuery翻转图像

在你把这当作一个可怕的问题之前，请听我说，我知道有jQuery插件可以翻转图像/内容。然而，我的问题涉及到一些更难的问题

我的问题是，客户希望他们的徽标以缓慢的速度不断翻转（这不是什么大问题），但当徽标翻转到一半时，他们希望徽标看起来有点“3D”，而不是0宽度的图像，这样当您正面查看时，它实际上有一个宽度

我在谷歌上搜索了一下，但似乎真的找不到实现这一点的插件，有可能吗

---

如果你在想象我说翻转时的意思时遇到困难，请看这个

我找到了一些3D翻转图像示例，请尝试一下

---

如果你想为它创建代码库，那么点击链接

，最后我们放弃了JavaScript解决方案（几乎不可能有一个合理的跨浏览器解决方案）

---

因此，我们最终使用来实现这一点（我永远也不知道为什么我们之前没有想到sprites！）

如果你只有CSS/JS和平面图像，那么3D部分就不会发生。您需要以定制的方式渲染此类动画，使用关键帧等。我担心这可能是演示应该使用的情况-只需单击一个瓷砖方法，就像但使用一个非常窄的“立方体”？还是像这样？也许你可以克隆要旋转的面板，在动画进行到一半的时候，你可以将它们水平展开。正如乌特卡诺斯所说，你必须使用软件并保存步骤。试着看看Photoshop的3d功能或后期效果，甚至像modo或Lightwave这样的3d工具。3d转换本身只能在较新的浏览器中工作，因此不支持IE8及以下版本。