旋转立方体
刚开始学,可能不是很好,各位看官凑合着看吧
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
@keyframes name{
from{transform: rotateX(0deg) rotateY(90deg) ;}
to{transform:rotateX(360deg) rotateY(360deg) ;}
}
.con{
width: 200px;;
height: 200px;
background-color:rgba(128,128,128,0.7);
margin:0 auto;
margin-top:200px;
position: relative;
/* perspective: 180px; */
/* -webkit-perspective: 500px; */
transform-style: preserve-3d;
/* transition: transform 2s line