Loader by vinodjangid07
#e8e8e8
1.loader { 2 width: fit-content; 3 height: fit-content; 4 display: flex; 5 align-items: center; 6 justify-content: center; 7} 8.wrapper { 9 width: fit-content; 10 height: fit-content; 11 display: flex; 12 flex-direction: column; 13 justify-content: center; 14 align-items: center; 15} 16.catContainer { 17 width: 100%; 18 height: fit-content; 19 display: flex; 20 align-items: center; 21 justify-content: center; 22 position: relative; 23} 24.catbody { 25 width: 80px; 26} 27.tail { 28 position: absolute; 29 width: 17px; 30 top: 50%; 31 animation: tail 0.5s ease-in infinite alternate-reverse; 32 transform-origin: top; 33} 34@keyframes tail { 35 0% { 36 transform: rotateZ(60deg); 37 } 38 50% { 39 transform: rotateZ(0deg); 40 } 41 100% { 42 transform: rotateZ(-20deg); 43 } 44} 45.wall { 46 width: 300px; 47} 48.text { 49 display: flex; 50 flex-direction: column; 51 width: 50px; 52 position: absolute; 53 margin: 0px 0px 100px 120px; 54} 55.zzz { 56 color: black; 57 font-weight: 700; 58 font-size: 15px; 59 animation: zzz 2s linear infinite; 60} 61.bigzzz { 62 color: black; 63 font-weight: 700; 64 font-size: 25px; 65 margin-left: 10px; 66 animation: zzz 2.3s linear infinite; 67} 68@keyframes zzz { 69 0% { 70 color: transparent; 71 } 72 50% { 73 color: black; 74 } 75 100% { 76 color: transparent; 77 } 78} 79
1.1K views
1.1K views
MIT License