Chrome中的RotateY无法正常工作?

时间:2013-04-04 17:49:23

标签: javascript html google-chrome css3 rotation

我正在为自己构建一个投资组合网页。我不是专业人士,因为这对我来说很有趣。

这是我的页面:http://szifla.van.hu/keret.cgi?/23d/portfolio/index.html

如果你在Firefox中打开它,那些图片和文本框会随着我想要的css3 3d移动和旋转它们。但它在Chrome中不起作用,因为我添加了-webkit-perspective等等。

问题可能出在我编写的脚本中

.style.transform = "rotateY(" + amount + "deg)";

我认为这不起作用,但我不知道如何以另一种方式制作它:

.style.-webkit-transform = "rotateY(" + amount + "deg)";

在IE中都不起作用,但我不关心。首先,我想让它在FF,Chrome,Safari,Opera ......中运行。

2 个答案:

答案 0 :(得分:0)

如果您正在使用jQuery for CSS3过渡,我建议使用Transit,这样就可以避免前缀地狱。

答案 1 :(得分:-1)

我发现你的网站上已经有了jQuery。为什么不用它来旋转?

$('.d1').rotate(amount);