JQuery如何翻轉3D空間中的「卡」像YP.com

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瀏覽器。