Loader by coding-masala
#212121
1.loader { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 height: 100px; 6} 7 8.box { 9 width: 20px; 10 height: 20px; 11 margin: 0 8px; 12 border-radius: 50%; 13 animation: jump_4123 1s ease-in-out infinite; 14} 15 16.box:nth-child(1) { 17 background-color: #4e4e4e; 18 animation-delay: 0.2s; 19} 20 21.box:nth-child(2) { 22 background-color: #bdbdbd; 23 animation-delay: 0.4s; 24} 25 26.box:nth-child(3) { 27 background-color: #4e4e4e; 28 animation-delay: 0.6s; 29} 30 31.box:nth-child(4) { 32 background-color: #bdbdbd; 33 animation-delay: 0.8s; 34} 35 36@keyframes jump_4123 { 37 0%, 100% { 38 transform: translateY(0); 39 } 40 41 50% { 42 transform: translateY(-30px); 43 } 44} 45
979 views
979 views
MIT License