三个...动画

?

1 2 3 4 5

<div class="loading-dots">   <span></span>   <span></span>   <span></span> </div>

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

.loading-dots {   text-align: center; }   .loading-dots span {   display: inline-block;   margin: 0 5px;   width: 5px;   height: 5px;   border-radius: 50%;   background-color: #ccc;   animation: loading-dots 1.5s infinite; }   .loading-dots span:nth-child(2) {   animation-delay: 0.5s; }   .loading-dots span:nth-child(3) {   animation-delay: 1s; }   @keyframes loading-dots {   0% {     transform: scale(0);   }     50% {     transform: scale(1);   }     100% {     transform: scale(0);   } }