Use transformações 3D CSS para aproveitar a aceleração de hardware

Pelo menos no Safari, as transformações 3D tiram proveito da aceleração de hardware e podem fazer as mesmas transformações que suas contrapartes 2D.

Por exemplo, use

transform: rotate3d( 0, 0, 0, 45deg );

ao invés de

transform: rotate( 45deg );

Ambos giram a mesma coisa ao longo das mesmas duas dimensões.

Isso pode ser muito útil se você tiver como alvo um público-alvo do Safari, como usuários iOS, mas mantenha as palavras de Thomas Fuchs em mente:

Em essência, qualquer transformação que tenha uma operação 3D como uma de suas funções irá disparar a composição de hardware, mesmo quando a transformação real é 2D, ou não faz nada (como translate3d (0,0,0)). Observe que este é apenas o comportamento atual e pode mudar no futuro (é por isso que não o documentamos ou encorajamos). Mas é muito útil em algumas situações e pode melhorar significativamente o desempenho do redesenho.

Fonte (e excelente leitura): http://desandro.github.com/3dtransforms/docs/3d-transform-functions.html