码迷,mamicode.com
首页 > 其他好文 > 详细

循环旋转360度

时间:2017-03-30 13:12:12      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:key   log   pre   infinite   str   for   元素   blog   class   

在需要旋转的元素上添加 rotate类别即可

 

.rotate{-webkit-animation: play 2s linear infinite;-moz-animation: play 2s linear infinite;-o-animation: play 2s linear infinite;animation: play 2s linear infinite}
@-webkit-keyframes play{
  0% {
    transform:rotate(0deg); 
  }
  100% {
    transform:rotate(360deg);
  }
}
@-moz-keyframes play{
  0% {
    transform:rotate(0deg); 
  }
  100% {
    transform:rotate(360deg);
  }
}
@keyframes play{
  0% {
    transform:rotate(0deg); 
  }
  100% {
    transform:rotate(360deg);
  }
}

 

循环旋转360度

标签:key   log   pre   infinite   str   for   元素   blog   class   

原文地址:http://www.cnblogs.com/ghfjj/p/6645498.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!