代码跟注释都在里面了!想知道是什么效果不妨自己试试!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
@-webkit-keyframes domove{
0%{
-webkit-transform: rotate(0deg) translate(0px);
}
25%{
-webkit-transform: rotateX(90deg) rotateY(-90deg) translateX(50px) translateY(-50px);
}
50%{
-webkit-transform: rotateX(-180deg) rotateY(180deg) translateX(0px) translateY(0px);
}
75%{
-webkit-transform: rotateX(-270deg) rotateY(-270deg) translateX(-50px) translateY(50px);
}
100%{
-webkit-transform: rotate(-360deg) translate(0px);
}
}
.warp{
width: 800px;
height: 500px;
border: 1px solid #000000;
margin: 200px auto;
-webkit-perspective-origin: top right;/*景深基点,右上视角*/
-webkit-perspective: 600px;/*景深600px*/
}
.warp .box{
width: 100px;
line-height: 10