按钮呼吸动态实现

最新推荐文章于 2024-03-09 13:58:53 发布

why_Because

最新推荐文章于 2024-03-09 13:58:53 发布

阅读量1k

点赞数 1

分类专栏：备忘文章标签： css button

本文链接：https://blog.csdn.net/qq_41287423/article/details/98185549

版权

备忘专栏收录该内容

20 篇文章 0 订阅

订阅专栏

按钮大小大小的动作，像呼吸一样！
在这里插入图片描述

<button class="prize_push_btn" >立刻充值</button>

<style>
.prize_push_btn{
		width: 320upx;
		height: 80upx;
		line-height: 80upx;
		background: #FDCD45;
		text-align: center;
		font-size: 32upx;
		font-weight: 600;
		color: #6C3611;
		border-radius: 40upx;
		animation:changeBiger 1s infinite;    //动画
	}
@keyframes changeBiger {
		0% {
		  transform: scale(1);
		}
		50% {
		  transform: scale(1.08);
		}
		100% {
		  transform: scale(1);
		}
}

</style>