Loader by lenin55
#212121
1/* //codelessly loader style */ 2.ui-loader { 3 display: inline-block; 4 width: 50px; 5 height: 50px; 6} 7 8.loader-blk { 9 color: #3f51b5; 10 animation: rotate-outer08 1.4s linear infinite; 11} 12 13.multiColor-loader { 14 display: block; 15 animation: color-anim08 1.4s infinite; 16} 17 18.loader-circle { 19 stroke: currentColor; 20} 21 22.MuiCircularProgress-circleStatic { 23 transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s; 24} 25 26.loader-circle-animation { 27 animation: rotate-inner08 1.4s ease-in-out 28 infinite; 29 stroke-dasharray: 80px, 200px; 30 stroke-dashoffset: 0; 31} 32 33@keyframes rotate-outer08 { 34 0% { 35 transform-origin: 50% 50%; 36 } 37 38 100% { 39 transform: rotate(360deg); 40 } 41} 42 43@keyframes rotate-inner08 { 44 0% { 45 stroke-dasharray: 1px, 200px; 46 stroke-dashoffset: 0; 47 } 48 49 50% { 50 stroke-dasharray: 100px, 200px; 51 stroke-dashoffset: -15px; 52 } 53 54 100% { 55 stroke-dasharray: 100px, 200px; 56 stroke-dashoffset: -125px; 57 } 58} 59 60@keyframes color-anim08 { 61 0% { 62 color: #4285f4; 63 } 64 65 25% { 66 color: #ea4335; 67 } 68 69 50% { 70 color: #f9bb2d; 71 } 72 73 75% { 74 color: #34a853; 75 } 76} 77
1.3K views
1.3K views
MIT License