.wave {
width:400px;
height:200px;
outline:2px solid rgba(128,128,128,0.521);
--c:#2196F3;
--w1:radial-gradient(100% 57% at top,#0000 100%,var(--c) 100.5%) no-repeat;
--w2:radial-gradient(100% 57% at bottom,var(--c) 100%,#0000 100.5%) no-repeat;
background:var(--w1),var(--w2),var(--w1),var(--w2);
background-position-x:-200%,-100%,0%,100%;
background-position-y:100%;
background-size:50.5% 100%;
animation:m 1s infinite linear;
}
@keyframes m {
0% {
background-position-x:-200%,-100%,0%,100%
}
100% {
background-position-x:0%,100%,200%,300%
}
}更新时间:2024-05-20 08:48:07