JQuery如何翻转A"卡"在3D空间像YP.com

时间:2011-09-30 08:59:22

标签: jquery css3

如果您转到YP.com或黄页,当您在较新的浏览器中鼠标悬停时,您会看到他们将3D翻转应用于底部的方框。

如何在JQuery中完成(通过动画CSS3道具?)?

谢谢!

2 个答案:

答案 0 :(得分:5)

这实际上比他正在寻找的更接近..只是为了记录..
:)

Sponsor Flip Wall With jQuery & CSS

它使用Flip!作为基础..

答案 1 :(得分:1)

它适用于webkit浏览器,所以它不是由jQuery完成的,而是由webkit css转换完成的(我没有彻底分析代码所以这只是一个假设,但我认为它是正确的。)

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

-webkit-transform: rotateY(180deg);

您可以在此处找到有关webkit 3d变换的更多信息:

Surfin' Safari

可悲的是,它不适用于非webkit浏览器。