Loader by Ali-Tahmazi99
#e8e8e8
1.load-row { 2 width: 100px; 3 height: 50px; 4 line-height: 50px; 5 text-align: center; 6} 7 8.load-row span { 9 display: inline-block; 10 width: 10px; 11 height: 10px; 12 background: #f76002; 13 border-radius: 50px; 14 animation: up-down6 0.5s ease-in infinite alternate; 15} 16 17.load-row span:nth-child(2) { 18 background: #e85b04c4; 19 animation-delay: 0.16s; 20} 21 22.load-row span:nth-child(3) { 23 background: #e85b0491; 24 animation-delay: 0.32s; 25} 26 27.load-row span:nth-child(4) { 28 background: #e85b0456; 29 animation-delay: 0.48s; 30} 31 32@keyframes up-down6 { 33 0% { 34 transform: translateY(-10px); 35 } 36 37 100% { 38 transform: translateY(10px); 39 } 40}
1.5K views
1.5K views
MIT License