XenForo Username CSS animation

[wikislo]

Place your CSS inside Groups & Permissions -> User groups -> select your group "User name CSS"

text-transform: uppercase;
overflow: hidden;
background: linear-gradient(90deg, #000000, #ffffff, #000000);
background-repeat: no-repeat;
background-size: 80%;
animation: animate 3s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 255, 255, 0);

Place your animation inside extra.less:

@keyframes animate {
0% {
background-position: -500%;
}
100% {
background-position: 500%;
}
}

.username--style3