See the Code - See it Full Page - See Details
This is an element that is doing 1 full rotation every 50 milliseconds. At 60fps that breaks down to three frames that the computer can handle and paint, so it looks like the three circles are concentric.... but if you slow it down to `0x`, you'll see they are not. So at `1x` (1 rotation per `50ms`), you see three of each circle (appearing inside each other). At `.75x`(`66.667ms`) there appear to be four of each circle, slightly out of sync. At `.6x` (`83.333ms`) there are five of each circle. At `.5x` (`100ms`) there are six. Etc. All from spinning as fast as possible.
This Pen uses: HTML, CSS, JavaScript, and