首页 新闻 搜索 专区 学院

请问一下css3里面的animation动画实现无缝滚动为什么会抖一下如何解决

0
悬赏园豆:10 [待解决问题]
<div id="wrap">
<ul class="list">
<li><a href=""><img src="img/table-1.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-2.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-3.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-1.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-2.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-3.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-1.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-2.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-3.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-1.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-2.jpg" alt=""></a></li>
<li><a href=""><img src="img/table-3.jpg" alt=""></a></li>
</ul>

</div>



@-webkit-keyframes move {
0% {
left: 0;
}
100% {
left: -1200px;
}
}
#wrap {
width: 1200px;
height: 340px;
border: 1px solid #eee;
position: relative;
margin-top: 10px;
overflow: hidden;
}
#wrap .list {
position: absolute;
top: 0;
left: 0;
width: 400%;
-webkit-animation: 3s move infinite linear ;
}
#wrap .list li {
float: left;
}
hduhdc的主页 hduhdc | 初学一级 | 园豆:106
提问于:2017-02-05 21:00
< >
分享
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册