css3旋转

<textarea class="codetext" rows="12">

 <style> 
  .loding{
    width:-5px;
    height:-5px;
    float:left;
    font-size:12px;
    }

  .spin {
     -webkit-transform: rotate(360deg);
     -webkit-animation: spin 1.5s linear infinite; 
  }
  @-webkit-keyframes spin {
     from {-webkit-transform: rotate(360deg);}
      to {-webkit-transform: rotate(0deg);}
 }
  .spin {
      transform: rotate(360deg);
      animation: spin 1.5s linear infinite;
 }
 4 @keyframes spin {
     from {transform: rotate(360deg);}
      to {transform: rotate(0deg);}
  }
     </style> 
 
 <div class='loding spin' >◇</div>
</textarea>
<div style="clear: both">

  <input class="button" onclick="runCode(0)" type="button" value="运行代码"> 

  <input class="button" onclick="copyCode(0)" type="button" value="复制代码"> 

  <input class="button" onclick="saveCode(0)" type="button" value="另存代码"> 
</div>

 

转载于:https://www.cnblogs.com/lvyezhiyou/p/4444207.html