Eu tenho uma animação css3, estou usando o código abaixo para girar um cubo no eixo X.

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

Preciso executar o código abaixo ao mesmo tempo que o código acima, para que o cubo possa girar nos dois eixos simultaneament

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

Adicionar o código para a rotação xey não funciona, preciso combiná-los. Isso é possível. Esta é minha primeira vez trabalhando com css3. Qualquer ajuda seria apreciada