发表于： 2016-07-01 22:46:13
1 1366
今天完成的事情：做task7
明天计划的事情：做task7
收获：做了个轮播图的效果
.banner{
height: 600px;
width: 400%;
margin: 0;
padding: 0;
}
.carousel {
width:100%;
margin: 0;
padding: 0;
text-align:center;
color:#fff;
margin-left:0;
overflow: hidden;
-webkit-animation:slide1 20s ease-out infinite;
z-index: -1;
height: 600px;
}
@-webkit-keyframes slide1 {
0% { margin-left:0;}
5% { margin-left:0;}
10%{ margin-left:0;}
15%{ margin-left:0;}
20%{ margin-left:0;}
0% { margin-left:0;}
5% { margin-left:0;}
10%{ margin-left:0;}
15%{ margin-left:0;}
20%{ margin-left:0;}
25%{margin-left: -25%;}
30%{margin-left: -25%;}
35%{margin-left: -25%;}
40%{margin-left: -25%;}
45%{margin-left: -25%;}
30%{margin-left: -25%;}
35%{margin-left: -25%;}
40%{margin-left: -25%;}
45%{margin-left: -25%;}
50%{margin-left: -50%;}
55%{margin-left: -50%;}
60%{margin-left: -50%;}
65%{margin-left: -50%;}
70%{margin-left: -50%;}
55%{margin-left: -50%;}
60%{margin-left: -50%;}
65%{margin-left: -50%;}
70%{margin-left: -50%;}
75%{margin-left: -75%;}
80%{margin-left: -75%;}
95%{margin-left: -75%;}
96%{margin-left: -75%;}
100% {margin-left:0;}
}
80%{margin-left: -75%;}
95%{margin-left: -75%;}
96%{margin-left: -75%;}
100% {margin-left:0;}
}
返回列表
评论