February 6 2012

Spinner animation using CSS3 transitions

For those browsers that now support it (read: recent Firefox versions, Safari 5 and iOS 5 Mobile Safari) you can now use steps(x,y) as your transition-timing-function, permitting the creation of sprite frame-based animations. This example doesn’t even need that, as it just rotates the same image by 30° each frame.