使用Javascript翻转一个div

Question

10

Flip 是一个很棒的 JQuery 插件，可以用来翻转块状元素，但是它在执行翻转动画时却无法保留原来的背景。

有没有一种方法可以使这个 div 翻转得漂亮，同时保留原来的漂亮背景，甚至比 Flip 提供的动画更加流畅呢？

如果我需要深入研究并编写自己的翻转函数，那也可以，如果必要的话，我会非常感激您能给我一些指导。

非常感谢！

- Isaac

你的示例链接似乎只显示静态图像。它们是你正在工作的页面的截图吗？你正在工作的实际页面在哪里？抱歉，我不理解你展示的代码。 - thomasrutter

3个回答

1

试着看看momoflow，它是一种类似于CoverFlow的应用程序，可以将背景动画化为不同的角度。

它使用了canvas标签，但如果您想要IE兼容性，则可能会有问题。然而，开发人员使用的技术是将图像切成几个垂直切片并动画化它们的位置。您可以扩展此功能以引入完整的翻转！

- Ben Rowe

1

一个非常酷的方法是使用CSS 3转换来实现。这比使用脚本要好得多；在可以使用更简单的方法时，应始终避免使用脚本。

- Delan Azabani

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nagaraj Hubli · Accepted Answer

尝试使用jQuery QuickFlip 插件，这个插件在处理背景方面非常不错。