Анимируем градиентный ник

[Skaiman]

Семен Семеныч добавил(а) новый ресурс:

Анимируем градиентный ник - Анимируем градиентный ник.

Я уже делал инструкцию градиентного ника, Градиентный ник пользователя теперь анимируем его :)
В настройках группы для имени пользователя:

background: linear-gradient(270deg, #01bf3b, #1000f2, #ff00ea);
-webkit-background-clip: text...

Узнать больше об этом ресурсе...

 

[.endme]

Доброго вечера, уважаемый Skaiman
Наверное это не в эту тему, если не так, просьба админов удалить. Спасибо.

Пытаюсь анимировать градиентный ник и использую код так:

background-image: linear-gradient(to right, #ff0000 0%, #000000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff0000;
-webkit-background-clip: border-box;
background: url('https://i.imgur.com/Ak4d9pH.gif');

Но не срабатывает. Может подскажите, что я делаю не так?

Спасибо ?

 

[Skaiman]

Reboot, это наверное Блестящий ник

 

[IlyaPep]

Доброго вечера, уважаемый Skaiman
Наверное это не в эту тему, если не так, просьба админов удалить. Спасибо.

Пытаюсь анимировать градиентный ник и использую код так:

background-image: linear-gradient(to right, #ff0000 0%, #000000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff0000;
-webkit-background-clip: border-box;
background: url('https://i.imgur.com/Ak4d9pH.gif');

Но не срабатывает. Может подскажите, что я делаю не так?

Спасибо ?

.username--style8 {
    position: relative;
    background-image: linear-gradient(to right, #ff0000 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 900% 20%;
    color: #1000f2;
    animation: AnimNic 10s ease infinite;
    &:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('https://i.imgur.com/Ak4d9pH.gif');
    }
}

username--style8 замените на свой класс

 

[Skaiman]

Keir Moon, как я думаю, ответ мной был дан, судя по его коду

 

[.endme]

.username--style8 {
    position: relative;
    background-image: linear-gradient(to right, #ff0000 0%, #000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 900% 20%;
    color: #1000f2;
    animation: AnimNic 10s ease infinite;
    &:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('https://i.imgur.com/Ak4d9pH.gif');
    }
}

username--style8 замените на свой класс

Не сработало

Reboot, это наверное Блестящий ник

Я хочу просто соединить мигающий ник и чтобы цвет ника был градиентный

 

[Waynet]

Доброго времени суток, возник так называемый конфликт между Галочкой и Ником, они обиделись друг с другом и галочка ушла от ника.
То есть, ник переливается, а галочка вообще пропала, что делать?

 

[Skaiman]

Доброго времени суток, возник так называемый конфликт между Галочкой и Ником

Посмотри в теме про галочку

 

[Waynet]

Посмотри в теме про галочку

Окей