热门关键字:
jquery > jquery教程 > jquery教程 > html5怎样做出图片转圈的动画效果

html5怎样做出图片转圈的动画效果

262
作者:管理员
发布时间:2021/7/26 15:46:47
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5151
  这次给大家带来html5怎样做出图片转圈的动画效果,h5做出图片转圈的动画效果的注意事项有哪些,下面就是实战案例,一起来看一下。


  @mixin ani-btnRotate{


  @keyframes btnRotate{


  from{transform: rotateZ(0);}


  to{transform: rotateZ(360deg);}


  }


  }


  @include ani-btnRotate;


  #circle{


  position: absolute;


  left: 50%;


  width: REM(338);


  height: REM(338);


  margin-top: REM(200);


  margin-left: REM(-338/2);


  transform-origin: center center ;


  animation: btnRotate 1s 1s linear forwards;


  }




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐