css3border旋转时的动画怎么应用

今天就跟大家聊聊有关css3border旋转时的动画怎么应用，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联公司是专业的青田网站建设公司，青田接单;提供成都做网站、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行青田网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

废话不多说了，直接给大家贴代码了，具体代码如下所示：

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);    
   }    
   }