#212121
1.loader { 2 display: flex; 3 justify-content: center; 4} 5 6.bar { 7 width: 7px; 8 height: 18px; 9 margin: 0 9px; 10 border-radius: 10px; 11 animation: loading_5192 1s ease-in-out infinite; 12 background-color: aqua; 13} 14 15.bar:nth-child(1) { 16 animation-delay: 0.01s; 17} 18 19.bar:nth-child(2) { 20 animation-delay: 0.09s; 21} 22 23.bar:nth-child(3) { 24 animation-delay: 0.19s; 25} 26 27.bar:nth-child(4) { 28 animation-delay: 0.29s; 29} 30 31@keyframes loading_5192 { 32 0% { 33 transform: scale(1); 34 } 35 36 20% { 37 transform: scale(1, 2.5); 38 } 39 40 40% { 41 transform: scale(1); 42 } 43} 44
719 views
719 views
Comments
MIT License