css3旋转_html/css_WEB-ITnose

 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>