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

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

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

SOUL

АдминкА
Администратор
Сообщения
7.279
Симпатии
10.542
Баллы
266
#1
SOUL разместил(а) новый ресурс:

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

Инструкция ниже о том, как анимировать градиентный ник.

Пример:


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

Код:
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 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}...
Посмотреть страницу этого ресурса...
 
Вверх Снизу