Html
    Css
    Js

    
                        
.round-connect {
	height:15px;
	width:15px;
	background-color:#14f21d;
	border-radius:100%;
	animation:twinkle 0.6s infinite alternate;
	margin-top:9px;
	animation:twinkle 0.5s infinite alternate;
}
.round {
	height:15px;
	width:15px;
	background-color:red;
	border-radius:100%;
	animation:twinkle 0.6s infinite alternate;
	margin-top:9px;
	animation:twinkle 0.5s infinite alternate;
}
@keyframes twinkle {
	0% {
	opacity:.0.8;
}
100% {
	opacity:0;
}
}

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

css实现闪烁的圆点

更新时间:2023-09-05 10:00:23

纯css实现闪烁的圆点,可以用作连接、断开展示等。

0