The gears are PNGs, different colors for presentation. If quality images were used and aligned properly the effect is much better. This CSS animation is my very early work & if redone today I would redo with CSS using transform-origin.
Gears Turning CSS Animation
