css-button按钮闪烁，引导用户点击样式

旺仔牛奶唐_

已于 2023-03-17 11:38:03 修改

阅读量353

点赞数

文章标签： css html vue.js uni-app javascript

于 2023-03-17 11:09:01 首次发布

本文链接：https://blog.csdn.net/m0_65826745/article/details/129615197

版权

先放示例图：

思路是通过Animation动画来实现：

<u-button :custom-style="customStyle" shape="circle" @click="signUp">点击报名</u-button>

css：

button{
    width: 200px;height: 40px;margin: 40rpx auto 40rpx auto;
    animation: loader45 0.5s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

@keyframes loader45 {
 0% {
  transform: scale(0.95);
 }

 50% {
  transform: scale(1.1);
 }

 100% {
  transform: scale(0.95);
 }
}

以上代码即可实现，觉得有用可以留个言，嘿嘿~