python前端CSS3做动画旋转、变形，实现x、y、z轴的旋转。做动画变形必须设置初始值，不然会出现跳变的Bug
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS 盒子变形</title>
<style>
.box{
width: 400px;
height: 400px;
border: 3px solid #000;
background-color: darkgoldenrod;
margin: 50px auto 0;
/* 做变形动画需要设置初始值 ，不设置容易出现跳变的bug*/
/*transform:perspective(800px) translate(0px,0px);*/
transition: all 1s ease ;
}
.box:hover{
transform:perspective(800px) rotate3d(20,9,15,170deg);
transition: 4s ease ;
}
</style>
</head>
<body>
<div class="box"><h1>鼠标放在图片上，图片将会进行旋转</h1></div>
</body>
</html>