Баннеры с анимированным градиентом

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

Skaiman

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

Баннеры с анимированным градиентом - Баннеры с анимированным градиентом

Уже столько вопросов было и уже столько по ним кривого кода :)
Делаем так, в extra.less:
Less:
.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    &.userBanner--staff {
        color: #fff;
        border: none;  
        background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
        background-size: 900% 900%;
    }...

Посмотреть страницу этого ресурса...
 
Верх Низ