css按钮动画（放大缩小）

原创于 2025-08-01 16:25:29 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端

vue 专栏收录该内容

39 篇文章

订阅专栏

view部分

   <div class="goNextBtn fireworks" @click="goNext">立即测试</div>

css

<style>
.fireworks {
  -webkit-animation: free_download 1s linear alternate infinite;
  animation: free_download 1s 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);
  }
}
</style>