2013-12-17 26 views
3

我認爲這比任何東西都更具學術性,但我有一個元素,我設置爲無限旋轉,並且在我的CSS文件中我必須添加這個(是的,我有我的moz和在webkit聲明有太多,但這裏是不相關)CSS差異旋轉359 vs rotate 360​​

@keyframes spin { 
    from { transform: rotate(0deg); } 
    to { transform: rotate(359deg); } 
} 

這似乎很奇怪不設置360在這裏,但它似乎與359合作是360簡單地等同於0還是什麼?試圖瞭解這是如何工作的,以及是否有實際的區別。

回答

8

這是使用,因爲無限的動畫,如果結束和開始都一樣,然後開始下一個週期的時候會有一個延遲..

具有相同表示的0和360度將分別消耗動畫的一個步驟。

+0

現在,這有很大的意義。我有一個預感,有一個理由這樣做。謝謝! – Machavity

+0

@Machavity,請記住,如果動畫足夠慢,1deg的差異就會有意義。一般來說,您想要計算步數,然後從'to'度減去一個完整步數的度數。 (*如果這句話有道理.. *) –

+0

我想保持通用的問題,但我一直在修改[Font Awesome](http://fontawesome.io/examples/),他們在旋轉中使用了359。他們是我見過的第一個這樣做,我真的想知道爲什麼。我討厭在不理解推理的情況下做一些事情。這現在有道理。 – Machavity

1

360是0,圓周上有360度。因此,360將帶你了一圈,回到0