动画效果如下：

GIF可能看起来有点卡住了

页面结构

view class=' confirm bubble ' ok/view wxss。确认{ width: 325rpxheight: 80rpx背景技术# 07c160border-radius : 6rpx；font-size : 30 rpx；color: # fff线高： 80 rpx；文本对齐：中心；}.气泡{位置：相对；飞越：隐藏；} .bubble:after在{ content : }之后；背景技术： # 999；绝对位置：宽度： 750 rpx；高度： 750 rpx；left : calc(50%-375 rpx)；top : calc(50%-375 rpx)；opa city 3360 0；margin: auto边界半径：50%；transform:比例尺(1)；transition:全0.4s轻松进出；} . bubble : active :在{ transform: scale(0)之后；opa city 3360 1；transition:}摘要

以上是边肖介绍的点击微信小程序按钮的动画效果的实现，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！