css3 动画

前端之家收集整理的这篇文章主要介绍了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;
  }
}

猜你在找的CSS相关文章