transformer:translateX vs transition sur la gauche de la propriété. Qui a la meilleure performance? CSS

Je suis en train de faire un menu coulissant avec HTML et CSS3 - en particulier les transitions.

Je voudrais savoir quelles sont les meilleures pratiques et les meilleures performances pour glisser une position relative div horizontalement. Lorsque je clique sur un bouton, il ajoute une classe à ma div. Quelle est la classe la mieux? (Note, je peux ajouter tous les préfixes de navigateur plus tard, et ce site ne vise que les navigateurs modernes).

//option 1
.animate{
    -webkit-transition:all ease 0.3s;
    -webkit-transform:translateZ(200px);
}

//option 2
.animate{
    -webkit-transition:all ease 0.3s;
    left:200px;
}

Grâce

OriginalL'auteur JackMahoney | 2012-11-16