.xiaoguo {
width:100px;
height:100px;
position:absolute;
top:0;
width:100%;
height:100%;
// border:0.1rem solid #3B87F7;
border-radius:40px;
overflow:hidden;
background:rgba(255,255,255,0);
}
.xiaoguoxian {
height:calc(100% - 4px);
background:linear-gradient(180deg,rgba(0,255,51,0) 43%,#3B87F7 211%);
animation:radar-beam 2s infinite;
}
@keyframes radar-beam {
0% {
transform:translateY(-100%);
}
100% {
transform:translateY(0);
}
}更新时间:2022-09-20 21:39:51
用户可以直接复制粘贴到代码里面,即可看到效果