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