Loader by coding-masala
#212121
1.loading-spinner { 2 display: flex; 3 align-items: center; 4 justify-content: center; 5 height: 8em; 6} 7 8.loading-spinner-inner { 9 display: flex; 10 align-items: center; 11 justify-content: center; 12} 13 14.loading-spinner-circle { 15 width: 1em; 16 height: 1em; 17 border-radius: 50%; 18 background-color: #db9334; 19 margin: 0 5px; 20 animation: loading-spinner 1s ease-in-out infinite; 21} 22 23.loading-spinner-circle:nth-child(2) { 24 animation-delay: 0.2s; 25} 26 27.loading-spinner-circle:nth-child(3) { 28 animation-delay: 0.4s; 29} 30 31.loading-spinner-circle:nth-child(4) { 32 animation-delay: 0.6s; 33} 34 35.loading-spinner-circle:nth-child(5) { 36 animation-delay: 0.8s; 37} 38 39@keyframes loading-spinner { 40 0% { 41 transform: scale(1); 42 opacity: 1; 43 } 44 45 20% { 46 transform: scale(1.5); 47 opacity: 0.5; 48 } 49 50 100% { 51 transform: scale(1); 52 opacity: 1; 53 } 54} 55
719 views
719 views
MIT License