Исходник Баннер и ник пользователя [Xenforo 2]

[qicide]

Сегодня я вам представляю стилизацию баннера и группы Exclusive (говард не бань)

Баннер
Extra.less​

.yougameExclusive{
    animation:yg-7-gradient 14s ease infinite;
    background:linear-
    gradient(-45deg, #de5151,
    #a645b7, #5566ab);
    background-size:400% 400%
}
@keyframes yg-7-gradient{
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

*Если вы не знаете как включить баннер для группы*

Ник
В CSS для имени пользователя
​

color: #fff;
background: linear-gradient(-45deg, #de5151, #a645b7, #5566ab);
background-size: 400% 400%;
animation: yg-7-gradient 14s ease infinite;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;

Надеюсь я вам помог!​

 

[Aik Carroll]

Спасибо. Очень помог)​

 

[Aik Carroll]

А как сделать такое закругление? ↓

Пожалуйста, авторизуйтесь для просмотра ссылки.

​

 

[DoffySo]

А как сделать такое закругление? ↓

Пожалуйста, авторизуйтесь для просмотра ссылки.

​

border-radius

 

[DoffySo]

А как сделать такое закругление? ↓

Пожалуйста, авторизуйтесь для просмотра ссылки.

​

что-бы сделать именно такое-же закругление:
border-radius: 9999999999px;
(просто что-бы при изменении длинны кнопки ничего не поломалось)

 

[keitashi]

почему-то не работает,хз в чем дело

 

[doayd]

почему-то не работает,хз в чем дело

Такая же история

 

[bananerlolker]

.yougameExclusive{
&.ex{

    animation:yg-7-gradient 14s ease infinite;

    background:linear-

    gradient(-45deg, #de5151,

    #a645b7, #5566ab);

    background-size:400% 400%

   }

}

@keyframes yg-7-gradient{

    0%{background-position:0% 50%}

    50%{background-position:100% 50%}

    100%{background-position:0% 50%}

   }

Получилось так исправить :smiley: