使用Jquery的Transform3d实现非webkit的rotateY动画
我一直在摆弄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'}, {微调: 1.02, 质量: 7}).animate({rotateY: '60deg'}, 5000);
transform3d 函数本身就可以正常工作。但是带有rotateY参数的animate函数并没有真正起作用。所以我想知道我是否遗漏了某些东西或者某个地方有错误。我的 JS 技能有限，所以我不知道去哪里寻找..
任何帮助将不胜感激！
干杯， 丹东园
I have been messing around with Jquery's transform3d plugin, developed by heygrady (https://github.com/heygrady/transform3d). And what I want to achieve is to rotate a div along the Y axis, to "fake" the flip effect that can be easily done with CSS3. But I want to do this with Jquery to make it work non-webkit browsers as well.
In the test.html example file (which can be downloaded from the heygrady's github), the author wrote the following code:
$('img:first').transform3d({perspective: 400, rotateY: '0deg', rotateX: '30deg'}, {nudge: 1.02, quality: 7}).animate({rotateY: '60deg'}, 5000);
The transform3d function works fine on it's own. But the animate function with the rotateY parameter is not really working. So I was wondering whether I am missing something or there is a bug somewhere. My JS skills are limited so I have no clue where to look for..
Any help would be appreciated!
Cheers,
Dandoen
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在 GitHub 上查看该插件的最新版本，似乎动画实际上还不能工作。我刚刚收到很多 JavaScript 错误。
Looking at the latest version of the plugin on GitHub, seems animation doesn't actually work yet. I just get a lot of javascript errors.