css3 动画

痴心易碎 提交于 2019-12-02 02:49:29
.btn-shake-hand{
      width: 0.78rem;
      height: 0.94rem;
      position: absolute;
      left: 5.15rem;
      top: 3.46rem;
      background: url('https://static.kuaidao.cn/qingteng/wx-images/images/qixi_a_20190731/shou@2x.png') no-repeat;
      background-size: 100% 100%;
      -webkit-animation: fingerHandle 1s ease infinite both;
      animation: fingerHandle 1s ease infinite both;
  }



/* 按钮动画 */
 @-webkit-keyframes free_download {
  0% {
      -webkit-transform: scale(0.9);
  }
  100% {
      -webkit-transform: scale(1);
  }
}

@keyframes free_download {
  0% {
      transform: scale(0.9);
  }

  100% {
      transform: scale(1);
  }
}
@keyframes fingerHandle {
  0% {
      transform: none;
  }
  70% {
      transform: scale3d(1.3, 1.3, 1.3);
  }
  100% {
      transform: none;
  }
}
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!