Smooth as Butter: Achieving 60 FPS Animations with CSS3

See Smooth as Butter: Achieving 60 FPS Animations with CSS3 on medium.com

A great article on how to make performance CSS animations. The main idea is to understand how browsers render CSS and minimize that as little as possible. The guaranteed ways to do this are through the opacity, transform, rotate and scale.

You can also mark an animation with the will-change property to move elements to a different layer for proccesing. I think this is what yui540 did to make this sick animation [Motion warning, duh]. I should give CSS animations a shot.