.dot {
width: 8px;
height: 8px;
background-color: #1890ff;
border-radius: 50%;
display: inline-block;
position: relative;
margin: 0 4px 0 2px;
}
.dot::before {
content: '';
width: 10px;
height: 10px;
position: absolute;
left: -1px;
top: -1px;
border-radius: 50%;
animation: dot 1.5s ease-out 0s infinite;
background-color: #188fffab;
}
@keyframes dot {
0% {
transform: scale(0.5);
opacity: 1;
}
30% {
opacity: 1;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}
css水波纹涟漪圆点效果
最新推荐文章于 2024-05-21 21:13:29 发布