#smember {
position: relative;
text-align: center;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
animation: textAnimate 5s linear infinite alternate;
background: linear-gradient( 92deg, #95d7e3, #eb76ff );
background: -webkit-linear-gradient( 92deg, #95d7e3, #eb76ff );
background-size:600vw 600vw;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: 40px 0;
font-weight: bold;
}
@keyframes textAnimate {
from {
filter: hue-rotate(0deg);
background-position-x: 0%;
}
to {
filter: hue-rotate(360deg);
background-position-x: 600vw;
}
}
try this moving rainbow
