使用Jquery的Transform3d的非webkit rotateY动画

时间:2011-06-12 09:58:57

标签: javascript jquery css3 webkit transform

我一直在搞乱Jquery的transform3d插件,由heygrady开发(https://github.com/heygrady/transform3d)。而我想要实现的是沿Y轴旋转div,以“伪造”可以用CSS3轻松完成的翻转效果。但我想用Jquery做到这一点,以使它也适用于非webkit浏览器。

在test.html示例文件(可以从heygrady的github下载)中,作者编写了以下代码:

$('img:first').transform3d({perspective: 400, rotateY: '0deg', rotateX: '30deg'}, {nudge: 1.02, quality: 7}).animate({rotateY: '60deg'}, 5000);

transform3d函数可以自行运行。但是使用rotateY参数的animate函数并没有真正起作用。所以我想知道我是否遗漏了某些东西或某处有错误。我的JS技能有限,所以我不知道在哪里寻找..

任何帮助将不胜感激!

干杯, Dandoen

1 个答案:

答案 0 :(得分:0)

在GitHub上查看最新版本的插件,似乎动画实际上还没有工作。我刚收到很多javascript错误。