XF 2.1 Баннер с эффектом градиента.

[babidjon]

Приветствую, нашел код для баннера с градиентом, скопировал его через код элемента, но ничего не получается.. Можете помочь разобраться, что нужно сделать что бы получить такой же результат?

1. Код, который был скопирован.

   .userBanner.ruslan {
   background: linear-gradient(124deg,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ,

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   );
   background-size: 1800% 1800%;
   -webkit-animation: rainbow 18s ease infinite;
   -z-animation: username--style12 18s ease infinite;
   -o-animation: username--style12 18s ease infinite;
   animation: username--style12 18s ease infinite;
   color:

   У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

   ;
   font-size: 87%;
   font-weight: 400;
   font-style: normal;
   padding: 1px 6px;
   border: 1px solid transparent;
   border-radius: 4px;
   text-align: center;
   display: inline-block;
   }
   .userBanner {
   font-size: 75%;
   font-size: 11px;
   font-weight: 400;
   font-style: normal;
   padding: 1px 10px;
   padding: 1px 3px;
   border: 1px solid transparent;
   border-radius: 8px;
   text-align: center;
   display: inline-block;
   }

Необходимый результат -

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

То, что получилось ( без градиента ) -

 

[recruty]

А где копирайт локализации?

 

[Skaiman]

.userBanner {
    border: none;
    padding: 3px 6px;
    animation: gradientBanner 5s infinite linear;
    &.userBanner--admin {
        background: linear-gradient(149deg, rgba(24,187,156,1) 0%, rgba(106,57,175,1) 42%, rgba(187,24,148,1) 72%, rgba(115,53,134,1) 100%);
        background-size: 500%;
        color: #fff;
    }
}

@keyframes gradientBanner {
    0% {
        background-position: 80% 0%;
    }
    50% {
        background-position: 20% 100%;
    }
    100% {
        background-position: 80% 0%;
    }
}

 

[babidjon]

Огромное спасибо Скайман, спасли)

 

[Skaiman]

babidjon, а на тот тык я б не ориентирновался :) там такой тык, прям затык :) так немного глянул по коду :)