你的位置:首页 > 网页设计

[网页设计]css3旋转


 1 <style>  2  .loding{ 3   width:-5px; 4   height:-5px; 5   float:left; 6   font-size:12px; 7   } 8  9  .spin {10   -webkit-transform: rotate(360deg);11   -webkit-animation: spin 1.5s linear infinite; 12 }13  @-webkit-keyframes spin {14    from {-webkit-transform: rotate(360deg);}15    to {-webkit-transform: rotate(0deg);}16  }17  .spin {18    transform: rotate(360deg);19    animation: spin 1.5s linear infinite;20 }21 4 @keyframes spin {22    from {transform: rotate(360deg);}23    to {transform: rotate(0deg);}24  }25   </style> 26 27 <div class='loding spin' >◇</div>