Анимированный ник с градиентом

Мануал Анимированный ник с градиентом

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Skaiman разместил(а) новый ресурс:

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

Я уже делал инструкцию градиентного ника, Мануал - Градиентный ник пользователя - Авторская зона xenforo 2 Skaiman теперь анимируем его :)
В настройках группы для имени пользователя:
Код:
background: linear-gradient(270deg, #01bf3b, #1000f2, #ff00ea);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #1000f2;
animation: AnimNic 10s ease infinite;
В extra.less
Less:
@keyframes AnimNic {...

Посмотреть страницу этого ресурса...
 
Последнее редактирование:

lokibool

Проверенный
Регистрация
07.11.18
Сообщения
23
Реакции
4
Баллы
20
Почему то, анимации самой нет, и в extra.less добавил настройки, и в группу пользователей тоже, но не работает :(
 

mygedz

Проверенный
Регистрация
06.08.18
Сообщения
7
Реакции
2
Баллы
35
Skaiman, блин, какая же красота)))
 

Pokschubin

Проверенный
Регистрация
07.07.18
Сообщения
264
Решения
3
Реакции
24
Баллы
65
Skaiman, Ссылку домена поправьте в описании ресурса.
 

mrgerst

Пользователь
Регистрация
20.07.23
Сообщения
5
Реакции
0
Баллы
3

Pokschubin

Проверенный
Регистрация
07.07.18
Сообщения
264
Решения
3
Реакции
24
Баллы
65
mrgerst, Вы еще кисточки возьмите в руки :eek:
 

mrgerst

Пользователь
Регистрация
20.07.23
Сообщения
5
Реакции
0
Баллы
3

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
В настройках группы что указано в CSS-стиль для имени пользователя? В адресной строке какая циферка стоит?
 

mrgerst

Пользователь
Регистрация
20.07.23
Сообщения
5
Реакции
0
Баллы
3
Skaiman, \
Вот CSS

Css:
background: linear-gradient(270deg, #E32636, #CD2682);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

background-size: 900% 20%;

color: #E32636;

animation: AnimNic 10s ease infinite;
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
так попробуй:
Код:
background: linear-gradient(270deg, #E32636, #CD2682);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #E32636;
text-shadow: none;
animation: AnimNic 10s ease infinite;
 

mrgerst

Пользователь
Регистрация
20.07.23
Сообщения
5
Реакции
0
Баллы
3
так попробуй:
Код:
background: linear-gradient(270deg, #E32636, #CD2682);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #E32636;
text-shadow: none;
animation: AnimNic 10s ease infinite;
Спасибо! Теперь отображается!
 
Верх Низ