Loader by JaydipPrajapati1910
#212121
1.loader { 2 height: 30px; 3 display: inline-block; 4} 5 6.loader > div { 7 width: 10px; 8 height: 10px; 9 border-radius: 100%; 10 box-shadow: 0 0 10px orange; 11 background: #FFECBA; 12 float: left; 13 margin: 5px; 14 transform: scale(2); 15} 16 17.loader > div:nth-child(1) { 18 animation: anm-BL-53-move1 1s infinite linear; 19} 20 21.loader > div:nth-child(2) { 22 animation: anm-BL-53-move2 1s infinite linear; 23 animation-delay: 0.2s; 24} 25 26.loader > div:nth-child(3) { 27 animation: anm-BL-53-move3 1s infinite linear; 28 animation-delay: 0.3s; 29} 30 31.loader > div:nth-child(4) { 32 animation: anm-BL-53-move4 1s infinite linear; 33 animation-delay: 0.4s; 34} 35 36.loader > div:nth-child(5) { 37 animation: anm-BL-53-move5 1s infinite linear; 38 animation-delay: 0.5s; 39} 40 41@keyframes anm-BL-53-move1 { 42 50% { 43 background: #FFBB00; 44 transform: scale(1); 45 } 46} 47 48@keyframes anm-BL-53-move2 { 49 50% { 50 background: #FFBB00; 51 transform: scale(1); 52 } 53} 54 55@keyframes anm-BL-53-move3 { 56 50% { 57 background: #FFBB00; 58 transform: scale(1); 59 } 60} 61 62@keyframes anm-BL-53-move4 { 63 50% { 64 background: #FFBB00; 65 transform: scale(1); 66 } 67} 68 69@keyframes anm-BL-53-move5 { 70 50% { 71 background: #FFBB00; 72 transform: scale(1); 73 } 74} 75 76
738 views
738 views
MIT License