css 3回転

<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>