XF 2.2 Двигающиеся баннер с градиентом

[Slav]

Здравствуйте, я ищу но не могу найти как сделать такой банер.

Ссылка

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

На Хенфоро такого не нашел...

 

[saeb]

Здравствуйте, я ищу но не могу найти как сделать такой банер.

Ссылка

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

На Хенфоро такого не нашел...

Используйте поиск, уже много вопросов было на эту тему

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[saeb]

.userBanner.line {
    background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: username--style12 18s ease infinite;
    -o-animation: username--style12 18s ease infinite;
    animation: username--style12 18s ease infinite;
    color: #fff;
    font-size: 87%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
}

 

[Skaiman]

saeb, ну так не будет работать анимация без @keyframes

 

[saeb]

saeb, ну так не будет работать анимация без @keyframes

@keyframes AnimNic {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

Slav

 

[Skaiman]

так то в твоем коде анимация называется username--style12

блин лепите черти что, если исходить из твоего кода, для каждого баннера надо делать свою анимацию, для каждого баннера надо писать портянку из одинаковых свойств. Научились копировать исходный код, ну уж научитесь понимать что вы копируете и делать удобовоспринимаемый код :)

 

[King1337]

Дайте пожалуйста точный код и куда его вставлять. Прошу.

 

[saeb]

Дайте пожалуйста точный код и куда его вставлять. Прошу.

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация