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

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

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

SOUL

АдминкА
Администратор
Сообщения
7.531
Симпатии
10.709
Баллы
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%}...
Посмотреть страницу этого ресурса...
 

Rscasino

Пользователь
Сообщения
1
Симпатии
0
Баллы
1
#2
А можно более подробно? для чайников конкретных..
 
Вверх Снизу