本文介绍了一个使用CSS @keyframes实现的简单动画效果——呼吸动画。该动画应用于一个具有特定类名的元素上，通过改变元素的缩放比例来模拟呼吸的效果。动画设置为无限循环播放，增强了页面元素的动态视觉体验。
@keyframes breathe{
0%{ transform: scale(.99); }
50%{ transform: scale(1.03); }
100%{ transform: scale(.99); }
}
.coupon-description{
//margin: 0 20rpx;
//background-color: rgb(255, 245, 53);
//height: 200rpx;
//border-radius: 10rpx 10rpx;
animation: breathe 1.1s infinite;
}
文字跳动
最新推荐文章于 2023-07-08 18:32:03 发布
扫一扫
1030
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
