Loader by Mike11jr
#212121
1.loader-wrapper { 2 width: 60px; 3 height: 60px; 4} 5 6.loader { 7 box-sizing: border-box; 8 width: 100%; 9 height: 100%; 10 border: 10px solid #162534; 11 border-top-color: #4bc8eb; 12 border-bottom-color: #f13a8f; 13 border-radius: 50%; 14 animation: rotate0925 5s linear infinite; 15} 16 17.loader-inner { 18 border-top-color: #36f372; 19 border-bottom-color: #fff; 20 animation-duration: 2.5s; 21} 22 23@keyframes rotate0925 { 24 0% { 25 transform: scale(1) rotate(360deg); 26 } 27 28 50% { 29 transform: scale(.8) rotate(-360deg); 30 } 31 32 100% { 33 transform: scale(1) rotate(360deg); 34 } 35}
1K views
1K views
MIT License