这篇博客介绍了一种用CSS创建水波纹扩散效果的方法。通过定义关键帧动画`warn`，并应用到不同类别的`.box`元素上，实现了从中心向外扩散的波纹效果。涉及到的CSS属性包括`position`, `border-radius`, `animation`, `opacity`等，以及浏览器前缀的使用确保兼容性。"
105619808,5706980,JEECGBOOT中MyBatis-Plus的使用与实践,"['Java开发', 'MyBatis', 'Spring Boot', '数据库操作', '后端开发']
css：
.main{
position: relative;
height:70px;
width: 310px;
margin: 0 auto;
background-color: #f34147;
}
.circle{
position: relative;
float: left;
height:70px;
width: 70px;
}
/*线*/
.hr{
position: relative;
float: left;
width: 50px;
height:70px;
background: url("../images/hr_1.png") no-repeat center center;
background-size: auto 18px;
}
.hr-x{
background: url("../images/hr_2.png") no-repeat center center;
background-size: auto 18px;
}
.hr-r{
background: url("../images/hr_3.png") no-repeat center center;
background-size: auto 18px;
}
/*按钮 大：47 小：39*/
.box-icon{
position:
最低0.47元/天 解锁文章
1593
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
