How to realize the smooth loading effect of css

This article will explain in detail how to achieve the smooth loading effect of 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.

Smooth loading

.progress-1 {width:120px; height:20px; background: linear-gradient (# 00000) 0 no-repeat # ddd; animation:p1 2s infinite linear;} @ keyframes p1 {100% {background-size:100%}}

Linear-gradient (# 00000) you can understand as linear-gradient (# 000 0100%). If you are not already familiar with it, copy linear-gradient (# 000 050%, # f00 50%) and replace the original part for a run. If you find linear-gradient (# 000 00) awkward, just write # 000.

0: 0 is the abbreviation of background-position: 0: 0.

This is the end of this article on "how to achieve smooth loading effect of 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.