How to realize the effect of dotted Line loading by css

This article will explain in detail how to achieve dotted line loading effect in css. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Dotted line loading

.progress-4 {width:120px; height:20px;-webkit-mask:linear-gradient (90degPower00070% remark 00000) 0 background: linear-gradient (# 0000 0) 0 no-repeat # ddd; animation:p4 2s infinite steps (6); @ keyframes p4 {100% {background-size:120%}}

-webkit-mask has a value of repeat by default, otherwise there wouldn't be five masks.

This is the end of this article on "how to achieve dotted line loading effect in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.