2013-02-16 145 views
0

Safari 6.0.2可以執行超過360度的旋轉嗎?我有一個simple experiment。嘗試在Chrome版本(不是金絲雀,將打破,莫茲也將打破)和Safari。Safari不能旋轉超過360度

更新:由於我找到了解決方案,我編輯了它在Chrome和Safari中正常工作,但我仍然提供了一個不合適的版本和適當的版本進行比較(注意:Safari版本是6.0.2) 。順便說一句,我在MAC只測試,尚未在Windows

測試不正確的版本:Fail in Safari

正確的版本:Simple Experiment

+0

只是在一個旁註 - 似乎在這裏在金絲雀工作。 – jdepypere 2013-02-16 20:49:26

+0

真的嗎?我的金絲雀,所有的線性漸變和徑向漸變突破,我的金絲雀是一個乾淨的版本,沒有擴展標誌的變化 – 2013-02-17 09:00:39

+0

http://s8.postimage.org/td5i9u8wl/chun_2.png,這是它假設的截圖,確定它已經旋轉Z(900deg)或180deg – 2013-02-17 09:05:38

回答

0

在同一時間,你不能有多個變換風格transitting時,例如

.chun {

-webkit-transform: scale(1.0); /*we want rotate, so remove this*/ 
transform: scale(1.0); /*we want rotate, so remove this*/ 

-webkit-transition: all .8s ease; 
transition: all .8s ease; 

}

.chun:懸停{

-webkit-transform: rotate(-900deg); /*we want this to be rotate few cycle*/ 
transform: rotate(-900deg); 

}

不能正常狀態縮放和旋轉的徘徊狀態。

這個定義是safari中的一個bug(或其他),因爲Chrome可以正確處理它。