JQuery如何像YP.com一样在3D空间中翻转“卡片”

Question

如果你访问YP.com或Yellowpages，你会看到当你在新浏览器中将鼠标悬停在上面时，它们会将3D翻转应用到底部的方框上。

这是如何在JQuery中完成的(通过动画CSS3道具？)？

谢谢!

Answer 1

这实际上更接近他要找的东西..只是为了记录..。

:)

Sponsor Flip Wall With jQuery & CSS

它使用Flip!作为基础。

Answer 2

它可以在webkit浏览器上工作，所以它可能不是由jQuery完成的，而是由webkit css转换完成的(我没有彻底分析代码，所以这只是一个假设，但我认为它是正确的)。

您可以通过使用以下命令在css中获得此效果：

-webkit-transform: rotateY(180deg);

你可以在这里找到更多关于webkit 3d变换的信息：

Surfin' Safari

不幸的是，它不能在非webkit浏览器上工作。