今天就跟大家聊聊有關(guān)css3border旋轉(zhuǎn)時的動畫怎么應(yīng)用，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)公司是專業(yè)的青田網(wǎng)站建設(shè)公司，青田接單;提供成都做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行青田網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：

JavaScript 

1.     
       
       
       
       
   body{    
   background: #ccc;    
   }    
   .he{    
   width: 100px;    
   height: 100px;    
   margin: 200px auto;    
   border: 10px solid black;    
   border-left-color: #fff;    
   border-radius: 70px;    
   animation: namemf 1s linear infinite;    
   -webkit-animation:namemf 1s linear infinite;    
   -ms-animation: namemf 1s linear infinite;    
   }    
   @keyframes namemf{    
   from{    
   transform:rotate(0deg) ;    
   }    
   to{    
   transform: rotate(360deg);    
   }    
   }    
   @-webkit-keyframes namemf{    
   from{    
   transform:rotate(0deg) ;    
   }    
   to{    
   transform: rotate(360deg);    
   }    
   }    
   @-ms-keyframes namemf{    
   from{    
   transform:rotate(0deg) ;    
   }    
   to{    
   transform: rotate(360deg);    
   }    
   }