Loader by KhaledMatalkah
#212121
1.loader { 2 height: 60px; 3 width: 60px; 4 position: relative; 5 animation: loaderAnimation 1.5s infinite linear; 6} 7 8.loader-inner { 9 position: absolute; 10 height: 100%; 11 width: 100%; 12 left: 0; 13 top: 0; 14 background-color: #3053c7; 15 border-radius: 50%; 16 animation: innerAnimation 1s infinite ease-in-out; 17} 18 19@keyframes loaderAnimation { 20 0% { 21 transform: rotate(0deg); 22 } 23 24 100% { 25 transform: rotate(360deg); 26 } 27} 28 29@keyframes innerAnimation { 30 0% { 31 width: 0; 32 opacity: 0; 33 } 34 35 50% { 36 width: 100%; 37 opacity: 1; 38 } 39 40 100% { 41 width: 0; 42 opacity: 0; 43 } 44} 45
414 views
414 views
MIT License