JSFiddle - React, Tailwind, and code Playground

by Skaiman

HTML

<p class="gradient-text">Skaiman</p>

CSS

.gradient-text {
  /* Это только для демонстрации, не использовать в коде для ника! */
  font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
  margin: 50px auto;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  /* Код для ника в настройках группы */
  background: linear-gradient(270deg, #01bf3b, #1000f2, #ff00ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 900% 20%;
  color: #1000f2;
  animation: AnimNic 10s ease infinite;
  /* Конец кода для ника */
}
/* Код анимации в extra.less */
@keyframes AnimNic { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}