Loader by Ali-Tahmazi99
#212121
1.loader { 2 width: 65px; 3 height: 65px; 4 border: 8px solid #ee9b00a6; 5 border-radius: 50px; 6 position: relative; 7} 8 9.loader span { 10 display: block; 11 background: #ee9b00; 12} 13 14.loader .hour , 15.loader .min { 16 width: 6px; 17 height: 22px; 18 border-radius: 50px; 19 position: absolute; 20 top: 24.5px; 21 left: 21px; 22 animation: load9243 1.2s linear infinite; 23 transform-origin: top center; 24} 25 26.loader .min { 27 height: 17px; 28 animation: load9243 4s linear infinite; 29} 30 31.loader .circel { 32 width: 10px; 33 height: 10px; 34 border-radius: 50px; 35 position: absolute; 36 top: 19px; 37 left: 19px; 38} 39 40@keyframes load9243 { 41 0% { 42 transform: rotate(0deg); 43 } 44 45 100% { 46 transform: rotate(360deg); 47 } 48}
1.4K views
1.4K views
MIT License