css三点闪烁（可用于加载样式、标题等）

本文主要是介绍css三点闪烁（可用于加载样式、标题等），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

代码案例

HTML

<div class="flexAlign loading"><div class="loading_item"></div><div class="loading_item"></div><div class="loading_item"></div>
</div>
<div class="other_title">安全联动</div>
<div class="flexAlign loading"><div class="loading_item"></div><div class="loading_item"></div><div class="loading_item"></div>
</div>

CSS

@keyframes loadingFrame {to{opacity: .2;/* transform: translateY(-0px); */}
}
.loading_item{width:5px;height:5px;border-radius: 50%;margin:0 3px;background-color:#fff;animation: loadingFrame .8s infinite alternate;&:nth-child(2){animation-delay: .3s;}&:nth-child(3){animation-delay: .6s;}
}

运行结果

这篇关于css三点闪烁（可用于加载样式、标题等）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---