Html
    Css
    Js

    
                        
.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);
}
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

css扫描动画代码

更新时间:2022-09-20 21:39:51

用户可以直接复制粘贴到代码里面,即可看到效果

0