2013-12-17 80 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