RotateY在Chrome不能正常工作

Question

我正在为自己建立一个投资组合网页。我不是专业的，我这样做是因为我觉得很有趣。

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

如果你在Firefox中打开它，这些图片和文本框移动和旋转它们与css33d我想要的。但它不工作在Chrome，而它应该，因为我添加了-webkit-perspective等

问题可能出在我写

的地方

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

我认为这是行不通的，但我不知道如何用另一种方式:

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

都不能在IE中工作，但我不在乎。首先，我想让它在FF,Chrome, Safari, Opera…

Answer 1

如果你正在使用jQuery做CSS3的过渡，我建议你使用Transit，这样你就可以避免前缀地狱

Answer 2

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

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