<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); */
}