This content is over 10 years old. It may be obsolete and may not reflect the current opinion of the author.
I wrote a little test to find out which way of doing animation is the most smooth one. The three animation being tested are:
- Changing CSS top and left property.
- Chainging CSS background-position property.
- Copy the image into a <canvas>
background-position seems to be wining on both Webkit and Gecko; Gecko preformed poorly on top/left property changing when full page zoom is in effect. Also Webkit preforms better than Gecko in all three animations.