css3 动画

分享图片

.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;
  }
}
相关文章
相关标签/搜索