Infinite rotation animation using CSS and Javascript

css, css-animations, javascript, jquery, jquery-animate

Solution

Endless rotation - CSS3 Animation property and Keyframes:

@keyframes rotate360 {
  to { transform: rotate(360deg); }
}
img { animation: 2s rotate360 infinite linear; }

<img src="https://i.stack.imgur.com/qCWYU.jpg?s=64&g=1" />

or instead of degrees you can use: `rotate(1turn)`

Problem

I was going thru some single page website examples and found this: http://alwayscreative.net/. I am totally amazed by the disc in the background that rotates infinitely. i have looked at some examples but none worked that way. Can anyone tell me how was that implemented. Thanks.

Original source

Related problems