Poster Circle

This is a simple example of how to use CSS transformation and animations to get interesting-looking behavior.

The three rings are constructed using a simple JavaScript function that creates elements and assigns them a transform that describes their position in the ring. CSS animations are then used to rotate each ring, and to spin the containing element around too.

Note that you can still select the numbers on the ring; everything remains clickable.