Градиентный ник пользователя

[pandolfomercer]

OFFTOP

Пытался чтоль?

OFFTOP

Да

 

[DreamTails]

animation: AnimNic 10s ease infinite;

А откуда анимация то берётся? Для нее код то есть?

 

[Skaiman]

Как заставить иконку Fast awesome двигаться вместе с градиетном?

здесь вроде вообще ни чего не двигается

 

[Aronakich]

Испольую плагин "Verified Badge". При использовании градиента пропадает галочка (видно только тень от неё)
extra.less:

    &.admin {
        background-image: -webkit-linear-gradient(top right, #FF4A36 0%, #DB4AFF 100%);
    }

CSS-стиль для имени пользователя:

background-image: -webkit-linear-gradient(top right, #FF4A36 0%, #DB4AFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff0000;
text-shadow:#FF4A36 0px 0px 5px;

Скриншот:

Пробовал по отдельности. Галочка видна только без следующих строчек, но тогда градиент пропадает:

background-image: -webkit-linear-gradient(top right, #FF4A36 0%, #DB4AFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

 

[Skaiman]

background-image: -webkit-linear-gradient(top right, #FF4A36 0%, #DB4AFF 100%);

этого не надо -webkit-

 

[Aronakich]

background-image: -webkit-linear-gradient(top right, #FF4A36 0%, #DB4AFF 100%);

этого не надо -webkit-

Без него происходят вот такие вещи

 

[Skaiman]

У тебя там вообще там черти что, градиент по сути не работает, сделай в CSS-стиль для имени пользователя

background: linear-gradient(to top right, #FF4A36 0%, #DB4AFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff0000;
i:before {
    background: linear-gradient(to top right, #FF4A36 0%, #DB4AFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ff0000;   
}

 

[Aronakich]

У тебя там вообще там черти что, градиент по сути не работает, сделай в CSS-стиль для имени пользователя

background: linear-gradient(to top right, #FF4A36 0%, #DB4AFF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff0000;
i:before {
    background: linear-gradient(to top right, #FF4A36 0%, #DB4AFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ff0000;  
}

Всё получилось, спасибо!