Как сделать анимированные ники?

[Bogdan_Sopov]

Помогите пожалуйста сделать такие ники.

 

[Dev_Dmitry12]

Именно цвет?

 

[Bogdan_Sopov]

Именно цвет?

Чтобы переливались

 

[damitz]

DeepSeek

.username--style12 {
  background:linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff, #00f, #ee82ee);
  background-size:400% 400%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:bold;
  line-height:25px;
  animation:AnimNic 6s ease infinite
}
.username--style12 i:before {
  background:linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff, #00f, #ee82ee);
  background-size:400% 400%;
  -webkit-background-clip:text;
  -webkit-:transparent;
  font-weight:bold;
  line-height:25px;
  animation:AnimNic 6s ease infinite
}

Erokes

color: #228B22;
  text-shadow: #228b22 1px 0px 8px;
  background: url(https://i.postimg.cc/135PyvrL/Loop-Glow-GIF-by-xponentialdesig.gif) repeat-x center;
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

 

[Bogdan_Sopov]

И ещё можете дать код на 2 роли. Это:
1 роль: Легенда
2 роль: Авторитет

 

[Dev_Dmitry12]

Посмотреть вложение 17532
И ещё можете дать код на 2 роли. Это:
1 роль: Легенда
2 роль: Авторитет

это картинки

 

[damitz]

Посмотреть вложение 17532
И ещё можете дать код на 2 роли. Это:
1 роль: Легенда
2 роль: Авторитет

.legenda {
  background: url(https://i.imgur.com/vEnb8vT.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  width: 169px;
  height: 35px;
  font-size: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;

.authoritet {
  background: url(https://forum.trace-rp.com/styles/icons_v2/authority.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  width: 170px;
  height: 35px;
  font-size: 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;

 

[Bogdan_Sopov]

DeepSeek

.username--style12 {
  background:linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff, #00f, #ee82ee);
  background-size:400% 400%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:bold;
  line-height:25px;
  animation:AnimNic 6s ease infinite
}
.username--style12 i:before {
  background:linear-gradient(to right, #f00, #ffa500, #ff0, #008000, #0ff, #00f, #ee82ee);
  background-size:400% 400%;
  -webkit-background-clip:text;
  -webkit-:transparent;
  font-weight:bold;
  line-height:25px;
  animation:AnimNic 6s ease infinite
}

Erokes

color: #228B22;
  text-shadow: #228b22 1px 0px 8px;
  background: url(https://i.postimg.cc/135PyvrL/Loop-Glow-GIF-by-xponentialdesig.gif) repeat-x center;
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

Это куда вставлять?

 

[damitz]

Это куда вставлять?

extra.less

 

[unloadmod]

Erokes

OFFTOP

зря я конечно загуглил это.. Так в конце добавил ещё ai

 

[Bogdan_Sopov]

extra.less

А 2 тоже туда?

 

[damitz]

А 2 тоже туда?

extra.less
если помог поставь решение

 

[Bogdan_Sopov]

color: #228B22;
text-shadow: #228b22 1px 0px 8px;
background: url(https://i.postimg.cc/135PyvrL/Loop-Glow-GIF-by-xponentialdesig.gif) repeat-x center;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
}

Это куда?

 

[damitz]

Это куда?

в CSS группы пользователя

 

[Bogdan_Sopov]

в CSS группы пользователя

 

[Okary4ik]

Это куда вставлять?

OFFTOP

а зач в css-пользователь (для Ника) окончание скобка
?