SOURCE

<div class="box"></div>

.box{
    width:200px;
    height: 200px;
    background-color: lightblue;
    margin: 100px auto;
    transition: all 0.5s;
}

/* 3D都要开启透视，注意是body元素开。 */
body{ perspective: 600px;}


/* 
仔细观察下面4组，一组一组进行演示就会明白其中区别。 
1和0 其实就是enable, disable的区别，true/false的区别。不是提供值像素值 */
.box:hover{
    transform: rotate3d(1, 0, 0, 60deg);
    transform: rotate3d(0, 1, 0, 60deg);
    transform: rotate3d(1, 1, 0, 60deg);
    transform: rotate3d(1, 1, 1, 60deg);
}