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

css3 动画

时间:2019-10-23 16:46:35      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:png   finger   near   css3 动画   src   inf   ram   for   css   

技术图片

.btn-shake-hand{
      -webkit-animation: fingerHandle 1s ease infinite both;
      animation: fingerHandle 1s ease infinite both;
  }

.btn-shake-hot{
      -webkit-animation: free_download 0.5s linear alternate infinite;
      animation: free_download 0.5s linear alternate infinite;
}

/* 按钮动画 */
 @-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;
  }
}

css3 动画

标签:png   finger   near   css3 动画   src   inf   ram   for   css   

原文地址:https://www.cnblogs.com/lisaShare/p/11726997.html

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