闲着没事干,突然翻到了以前做着玩的一个轮播
随便打开个写前端的软件吧
<body>里面创建三个div
<div class="left"><</div>
<div class="right">></div>
<div class="out"></div>
<style>里面把样式做出来
<style>
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.out {
margin: 50px auto;
width: 500px;
height: 500px;
-webkit-perspective: 500000000;
perspective: 500000000;
}
.box {
width: 125px;
height: 500px;
transform-style: preserve-3d;
transition: all 2s;
float: left;
}
.box li {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;