#212121
1.loader { 2 color: rgb(124, 124, 124); 3 font-family: "Poppins",sans-serif; 4 font-weight: 500; 5 font-size: 25px; 6 -webkit-box-sizing: content-box; 7 box-sizing: content-box; 8 height: 40px; 9 padding: 10px 10px; 10 display: -webkit-box; 11 display: -ms-flexbox; 12 display: flex; 13 border-radius: 8px; 14} 15 16.words { 17 overflow: hidden; 18} 19 20.word { 21 display: block; 22 height: 100%; 23 padding-left: 6px; 24 color: #956afa; 25 animation: spin_4991 4s infinite; 26} 27 28@keyframes spin_4991 { 29 10% { 30 -webkit-transform: translateY(-105%); 31 transform: translateY(-105%); 32 } 33 34 25% { 35 -webkit-transform: translateY(-100%); 36 transform: translateY(-100%); 37 } 38 39 35% { 40 -webkit-transform: translateY(-205%); 41 transform: translateY(-205%); 42 } 43 44 50% { 45 -webkit-transform: translateY(-200%); 46 transform: translateY(-200%); 47 } 48 49 60% { 50 -webkit-transform: translateY(-305%); 51 transform: translateY(-305%); 52 } 53 54 75% { 55 -webkit-transform: translateY(-300%); 56 transform: translateY(-300%); 57 } 58 59 85% { 60 -webkit-transform: translateY(-405%); 61 transform: translateY(-405%); 62 } 63 64 100% { 65 -webkit-transform: translateY(-400%); 66 transform: translateY(-400%); 67 } 68} 69
Comments
MIT License