使用CSS和Javascript的无限旋转动画

Question

我通过一些单页网站的例子,发现了这个:http://alwayscreative.net/.背景中的光盘无限旋转让我感到非常惊讶.我看过一些例子,但没有一个像这样.任何人都可以告诉我这是如何实现的.谢谢.

Answer 1

CSS3:

@keyframes rotate360 {
  to { transform: rotate(360deg); }
}
img { animation: 2s rotate360 infinite linear; }
/* TODO: Add -vendor-prefixes for different browsers */

<img src="//placehold.it/200x200/cfc?text=Wooo!" />