MyHtml.html
*{margin:0px; padding:0px;}
body{ background:#ffb66c;}
div{width:960px ; height:270px ;border:10px solid #e93d68;
margin:120px auto ; border-radius:32px; box-shadow:2px 2px 15px #000000;
position:relative;overflow:hidden;}
ul{width:34800px; position:absolute; top:0px;
animation:mylist 5s linear infinite;}
ul li{list-style:none;width:230px;height:270px;
background:#ffb66c; float:left ;margin:0px 5px;}
ul:hover{animation-play-state:paused;cursor:pointer;}
ul li:hover img{transform:scale(0.8);}
@keyframes mylist{
from{left:0px;}
to{left:-1920px;}
}
原文:http://blog.csdn.net/u012651389/article/details/43941049