<!DOCTYPE ><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/*360度旋转*/
@-webkit-keyframes rotation{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
.mlist{
transform: rotate(360deg);
animation: rotation 0.5s linear infinite;
}
</style>
</head>
<body>
<div style=" width:500px; height:250px; border:1px solid #666666; padding-top:230px;">
<div class="mlist" style="background:red; height:5px"></div>
</div>
</body>
</html>
