XF 2.2 Как сделать такой же анимированный текст?

[Aosodo]

Здравствуйте, заметил на форумах eternity и ютуб рп анимированный текст возле логотипа, подскажите пожалуйста как сделать такой же, может плагин какой-то

 

[Atikin]

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

 

[LazyMazur]

OFFTOP

Будто мы тут всем селом только на форумах по gta сидим и знаем каждый их сайт

 

[Efremov]

Aosodo, если правильно помню, то здесь этот слоган такой-же: Не поддерживается - Nexxe (Light)

 

[Skaiman]

В принципе можно сделать на любом стиле, добавить слоган в p-header-logo, не буду напоминать о модификации, на разных стилях будет отличатся содержимое div. Просто добавляем слоган:

<div class="p-header-slogan">
    Dolor nisi sed leo eiusmod
</div>

в extra.less

.p-header-logo {
    .p-header-slogan {
        animation: bounce-top 1s linear 0s infinite;
    }
}

@keyframes bounce-top {
    0% {
        transform:translateY(0);
    }
    25% {
        transform:translateY(0);
    }
    40% {
        transform:translateY(-10px);
    }
    55% {
        transform:translateY(0);
    }
    65% {
        transform:translateY(-8px);
    }
    75% {
        transform:translateY(0);
    }
    82% {
        transform:translateY(-6px);
    }
    87% {
        transform:translateY(0);
    }
    93% {
        transform:translateY(-4px);
    }
    100% {
        transform:translateY(0);
    }
}

 

[Skaiman]

Любая анимация

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

 

[Aosodo]

В принципе можно сделать на любом стиле, добавить слоган в p-header-logo, не буду напоминать о модификации, на разных стилях будет отличатся содержимое div. Просто добавляем слоган:

<div class="p-header-slogan">
    Dolor nisi sed leo eiusmod
</div>

в extra.less

.p-header-logo {
    .p-header-slogan {
        animation: bounce-top 1s linear 0s infinite;
    }
}

@keyframes bounce-top {
    0% {
        transform:translateY(0);
    }
    25% {
        transform:translateY(0);
    }
    40% {
        transform:translateY(-10px);
    }
    55% {
        transform:translateY(0);
    }
    65% {
        transform:translateY(-8px);
    }
    75% {
        transform:translateY(0);
    }
    82% {
        transform:translateY(-6px);
    }
    87% {
        transform:translateY(0);
    }
    93% {
        transform:translateY(-4px);
    }
    100% {
        transform:translateY(0);
    }
}

Попробую, спасибо!