通过旋转可以使元素沿着x、y、z轴旋转指定角度
.box1{
width: 300px;
height: 300px;
}
body:hover .box1{
transform: rotateX(.25turn);
transform: rotateY(180deg) translate(400px);
transform: rotateZ();
/* 是否显示元素的背面 */
backface-visibility: hidden;
}