2013-04-04 174 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

相關問題