Loader by Ali-Tahmazi99
#212121
1.loading { 2 width: 60px; 3 height: 60px; 4 position: relative; 5} 6 7.d1 , 8.d2 { 9 border: 5px solid #64dfdf; 10 border-radius: 50px; 11} 12 13.loading .d1 { 14 width: 55px; 15 height: 55px; 16 position: absolute; 17 top: -9px; 18 border-left-color: transparent; 19 border-right-color: transparent; 20 animation: load161 1s linear infinite; 21} 22 23.loading .d2 { 24 width: 40px; 25 height: 40px; 26 border-top-color: transparent; 27 border-bottom-color: transparent; 28 margin: 7.5px; 29 animation: load2812 2s linear infinite; 30} 31 32@keyframes load161 { 33 0% { 34 transform: rotate(0); 35 } 36 37 100% { 38 transform: rotate(360deg); 39 } 40} 41 42@keyframes load2812 { 43 0% { 44 transform: rotate(0); 45 } 46 47 100% { 48 transform: rotate(-360deg); 49 } 50}
1K views
1K views
MIT License