У меня есть анимация css3, я использую код ниже, чтобы вращать куб на оси X.

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

Мне нужно сделать код ниже одновременно с кодом выше, чтобы куб мог вращаться на обеих осях одновременно.

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

Добавление кода для вращения X и Y не работает, мне нужно объединить их. Это возможно. Я впервые работаю с css3. Любая помощь будет оценена.