@include e(button){
width: 568rpx;
height: 100rpx;
background: linear-gradient(180deg, #FFA100 0%, #FF4700 100%);
box-shadow: 0 4rpx 20rpx 4rpx rgba(255,71,0,0.26);
border-radius: 50rpx;
display: flex;
align-items: center;
justify-content: center;
color: $color-white;
font-size: 36rpx;
margin: 0 auto;
}
@include e(button) {
animation: breathe 1.1s infinite;
}
@keyframes breathe{
0%{ transform: scale(.99); }
50%{ transform: scale(1.03); }
100%{ transform: scale(.99); }
}
c3样式实现动态按钮效果
最新推荐文章于 2024-04-12 05:23:09 发布