Решено Как создать радужный баннер?

[webone ♥]

Добрый день, создал радужный ник,а как сделать что бы ник и баннер переливались вместе?

 

[JustAlex]

Приветствую.
Во-первых, не роль, а баннер.
А во-вторых предоставьте код баннера и код ника

 

[Dev Cold]

font-weight: bold;
  font-family: arial black;
  color: #ffffff;
  display: inline-block;
  position: relative;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
  -webkit-mask-size: 200%;
  animation: wave 2s infinite;

@-webkit-keyframes wave {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

 

[webone ♥]

Приветствую.
Во-первых, не роль, а баннер.
А во-вторых предоставьте код баннера и код ника

CSS Пользователя

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

extra.less

@keyframes AnimNic {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}

 

[Dev Cold]

Анимированный градиентный баннер.

Заходим в шаблон extra.less Вашего стиля. Вставляем код: .userBanner { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 65%; padding: 3px 6px; background-size: 600% 600%; animation: AnimBanner 10s ease infinite; &.userBanner--staff {...

pawno-help.ru

 

[webone ♥]

решено