Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Поиск баннеров RAGE RUSSIA

Июл
26
1
Пользователь
3.1. Заголовок темы должен отражать основную суть темы.
пподскажитe CSS код для аним баннера как у рейдж раши
 
Решение
В настройки группы:
CSS:
background-image: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: rainbowHueMaster 10s linear infinite;
В шаблон extra.less
CSS:
@keyframes rainbowHueMaster {
    from {
        filter: hue-rotate(0deg);
    }

    to {
        filter: hue-rotate(360deg);
    }
}
Ноя
2,111
7,795
Команда форума
Администратор
CSS:
.prem {
    color: #fff;
    border-color: transparent;
    border-radius: 3px;
    background: linear-gradient(45deg, #ffa500, #ff4500, #ffd700, #ffa500);
    background-size: 400% 400%;
    animation: premRainbow 6s ease infinite;
}

@keyframes premRainbow {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
 
Июл
26
1
Пользователь
CSS:
.prem {
    color: #fff;
    border-color: transparent;
    border-radius: 3px;
    background: linear-gradient(45deg, #ffa500, #ff4500, #ffd700, #ffa500);
    background-size: 400% 400%;
    animation: premRainbow 6s ease infinite;
}

@keyframes premRainbow {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}
Не баннера а краску
 
Ноя
2,111
7,795
Команда форума
Администратор
В настройки группы:
CSS:
background-image: linear-gradient(270deg, #d0001d, #afff74, #ff8ea7);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: rainbowHueMaster 10s linear infinite;
В шаблон extra.less
CSS:
@keyframes rainbowHueMaster {
    from {
        filter: hue-rotate(0deg);
    }

    to {
        filter: hue-rotate(360deg);
    }
}
 
Сверху