Tengo una animación css3, estoy usando el siguiente código para rotar un cubo en el eje X.

@-webkit-keyframes spin2 {
from { -webkit-transform: rotateX(135deg); }
to   { -webkit-transform: rotateX(855deg); }
}

Necesito hacer el siguiente código al mismo tiempo que el código anterior para que el cubo pueda girar en ambos ejes simultáneamente.

@-webkit-keyframes spin2 {
from { -webkit-transform: rotateY(135deg); }
to   { -webkit-transform: rotateY(855deg); }
}

Agregar el código para la rotación xey no funciona, necesito combinarlos. Es posible. Esta es la primera vez que trabajo con css3. Cualquier ayuda sería apreciada