2013-04-04 176 views
0

我正在为自己构建一个投资组合网页。我不是专业人士,因为这对我很有趣。Chrome中的RotateY无法正常工作?

这里是我的网页: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 ...中工作...

回答

1

如果你正在使用jQuery的CSS3过渡,我建议Transit,这样你会避免前缀地狱。

+0

看起来不错!谢谢 – godzsa 2013-04-04 18:14:34

0

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

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

我可以用3D旋转吗? – godzsa 2013-04-04 18:12:59

相关问题