CSS3變換：在Droid 2上完成旋轉復位

我正在摩托羅拉Droid 2上進行測試。當我的-webkit-transform:rotate(1650deg)完成時，圖像返回到原始位置0deg。CSS3變換：在Droid 2上完成旋轉復位

有沒有辦法阻止這種情況發生？試圖發生的事情是，正在將一個班級應用於車輪，以指定需要轉多少度才能降落到某個數字上。

我不能在此項目中使用外部庫，如JQuery。

這裏是我使用的代碼：

.wheelcontainer{ 
width: 313px; 
height: 313px; 
text-align:center; 
display: block; 
margin-top: 40px; 
margin-left: auto; 
margin-right: auto; 
z-index: 10; 
} 

.wheel{ 
-o-transition: all 7s ease-out; 
-ms-transition: all 7s ease-out; 
-moz-transition: all 7s ease-out; 
-webkit-transition: all 7s ease-out; 

width: 313px; 
height: 313px; 
background: url('../images/wheel.png') no-repeat; 
background-size: 100% 100%; 
z-index:-1000; 
position:relative; 
transform-origin:50% 50%; 
-ms-transform-origin:50% 50%; /* IE 9 */ 
-webkit-transform-origin:50% 50%; /* Safari and Chrome */ 
-moz-transform-origin:50% 50%; /* Firefox */ 
-o-transform-origin:50% 50%; /* Opera */ 
} 

/*  ROTATIONS!  */ 

/*330*/ 
.threethirty_right{ 
z-index:-10000; 
transform: rotate(1830deg); 
-ms-transform: rotate(1830deg); /* IE 9 */ 
-webkit-transform: rotate(1830deg); /* Safari and Chrome */ 
-moz-transform: rotate(1830deg); /* Firefox */ 
-o-transform: rotate(1830deg); /* Opera */ 
}

謝謝！

來源

2012-10-19 Chris Jennison

這是否也發生在其他桌面瀏覽器？ – Duopixel

@Duopixel - 不，它不會發生在2.X/3.X Android設備上 –