[شــرح] اسم المستخدم CSS Animation

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);

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