Loader by Nadabasuony
#212121
1.loader { 2 display: flex; 3} 4 5.l,.l:nth-child(9) { 6 margin: 0.15em; 7 border-radius: 5em; 8 width: 0.4em; 9 background-color: #f12711; 10 height: 3em; 11 box-shadow: 1px 1px 4px black; 12 animation: load_5186 cubic-bezier(.41,.44,.72,.69) 2s infinite; 13} 14 15.l:nth-child(2), 16.l:nth-child(8) { 17 background-color: #f24e13; 18 animation-delay: .25s; 19} 20 21.l:nth-child(3), 22.l:nth-child(7) { 23 background-color: #f36915; 24 animation-delay: .5s; 25} 26 27.l:nth-child(4), 28.l:nth-child(6) { 29 background-color: #f48c17; 30 animation-delay: .75s; 31} 32 33.l:nth-child(5) { 34 background-color: #f5af19; 35 animation-delay: 1s; 36} 37 38@keyframes load_5186 { 39 0% { 40 transform: scaleY(1); 41 } 42 43 100% { 44 transform: scaleY(-1); 45 } 46}
709 views
709 views
MIT License