An interesting note when writing translations in CSS3 for the iPad:
… it seems that 2D translations are not hardware-accelerated. But, since any 2D translation is equivalent to a corresponding 3D translation with the same translations in the x and y and no translation in the z axis, it is easy to use a hardware accelerated
translate3d(x, y, 0)transform instead of a non-hardware acceleratedtranslate(x, y)transform.
Source: http://googlecode.blogspot.com/2010/08/css3-transitions-and-transforms-in.html
Tweet