#212121
1.loader { 2 font-size: 2rem; 3 font-family: sans-serif; 4 font-variant: small-caps; 5 font-weight: 900; 6 background: conic-gradient( 7 #dff2ae 0 25%, 8 #ff904f 25% 50%, 9 #feefe7 50% 75%, 10 #ffde2b 75% 11 ); 12 background-size: 200% 200%; 13 animation: animateBackground 4.5s ease-in-out infinite; 14 color: transparent; 15 background-clip: text; 16 -webkit-background-clip: text; 17} 18 19@keyframes animateBackground { 20 25% { 21 background-position: 0 100%; 22 } 23 24 50% { 25 background-position: 100% 100%; 26 } 27 28 75% { 29 background-position: 100% 0%; 30 } 31 32 100% { 33 background-position: 0 0; 34 } 35} 36
864 views
864 views
Comments
MIT License