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

Добро пожаловать!

Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.

Зарегистрироваться!
  • Если Вы желаете помогать развитию проекта, готовы заполнять раздел(-ы) и подсказывать другим пользователям на портале, есть возможность попасть в команду редакторов. Для этого следует обратиться в техническую поддержку
вернулся или нет
Профессионал
Регистрация
25 Фев 2023
Сообщения
161
Сегодня мы сделаем градиентный никнейм пользователя. Начнем.
Заходим в шаблон extra.less вашего стиля.
Вставляем код:

Код:
@keyframes AnimNic {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
Заходим в настройки вашей группы.
Вставляем код в "CSS-стиль для имени пользователя":

Код:
background: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #1000f2;
animation: AnimNic 10s ease infinite;


giphy.gif


Цвета градиента можете выбирать самостоятельно изменяя код css-стиля.
 
Пользователь
Регистрация
1 Авг 2023
Сообщения
2
А что если я использую стиль: "IO DARK" но там нету "extra.less"?
 
Пользователь
Регистрация
29 Авг 2024
Сообщения
15
я когда зашел к себе в профиль, то у меня все черноеScreenshot_20240922-163914.jpg

а когда просто посмотрел, то все нормальноScreenshot_20240922-163921.jpg
 
Пользователь
Регистрация
20 Окт 2024
Сообщения
1
Сверху