码迷,mamicode.com
首页 > Web开发 > 详细

css3实现匀速无限滚动效果

时间:2018-09-09 15:11:21      阅读:2294      评论:0      收藏:0      [点我收藏+]

标签:anim   transform   无限   frame   inf   css   tran   div   src   

<div class="ddiv" style="">

  //这里的图片是一个圆圈

  <img class=‘dimg‘ src="video_c.png" >

</div>

.dimg{

  //infinite 无限循环 linear 匀速运动
  animation:2s animation1 infinite linear;
}
@keyframes animation1{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

css3实现匀速无限滚动效果

标签:anim   transform   无限   frame   inf   css   tran   div   src   

原文地址:https://www.cnblogs.com/webwangjie/p/9612891.html

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