SOURCE

console 命令行工具 X clear

                    
>
console
<div class="box"></div>
.box{
    width:200px;
    height: 200px;
    background-color: lightblue;
    margin: 100px auto;
    transition: all 1s;
}

/* 
1 必须要对body开始立体视距,只能对body. 
2 值越小透视变化度越大!一般设定到800-1200px;
*/
body{ perspective: 600px;}

.box:hover{
    /* transform: rotateX(360deg); */
    transform: rotateY(360deg);
    /* transform: rotate(360deg); */
     /* transform: rotateZ(360deg);   */

    /* transform: rotate(60deg, 60deg, 60deg); */
}