Loader by fanishah
#212121
1.center { 2 height: 50px; 3 display: flex; 4 justify-content: center; 5 align-items: center; 6} 7 8.wave { 9 width: 6px; 10 height: 50px; 11 background: linear-gradient(45deg, cyan, #fff); 12 margin: 10px; 13 animation: wave 1s linear infinite; 14 border-radius: 20px; 15} 16 17.wave:nth-child(2) { 18 animation-delay: 0.1s; 19} 20 21.wave:nth-child(3) { 22 animation-delay: 0.2s; 23} 24 25.wave:nth-child(4) { 26 animation-delay: 0.3s; 27} 28 29.wave:nth-child(5) { 30 animation-delay: 0.4s; 31} 32 33.wave:nth-child(6) { 34 animation-delay: 0.5s; 35} 36 37.wave:nth-child(7) { 38 animation-delay: 0.6s; 39} 40 41.wave:nth-child(8) { 42 animation-delay: 0.7s; 43} 44 45.wave:nth-child(9) { 46 animation-delay: 0.8s; 47} 48 49.wave:nth-child(10) { 50 animation-delay: 0.9s; 51} 52 53@keyframes wave { 54 0% { 55 transform: scale(0); 56 } 57 58 50% { 59 transform: scale(1); 60 } 61 62 100% { 63 transform: scale(0); 64 } 65} 66
767 views
767 views
MIT License