.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
用户可以直接复制粘贴到代码里面,即可看到效果