Решено Как сделать переливающийся префикс на форуме

Статус
В этой теме нельзя размещать новые ответы.
Версия XenForo
2.1.1

EgorShip

Участники
Сообщения
5
Реакции
0
Баллы
8
Как сделать префиксы как показаны на скрине
1658125703255.png
 
Решение
Less:
.label {
    position: relative;
    &:after {
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        animation: animate-shine 2s ease-out infinite;
    }
}

@keyframes animate-shine {
    0% {
        opacity: .1;
        width: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        width: 100%;
    }
}

Да при том. Что можно посмотреть код префикса и сделать себе такой же. Или все за вас надо сделать.?
От того что ты увидишь в исходном коде и до нормального кода для уже своего форума, надо пройти путь изучения css и less, здесь уже хватает кривого, тупо рипнутого кода...
Less:
.label {
    position: relative;
    &:after {
        content: '';
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        animation: animate-shine 2s ease-out infinite;
    }
}

@keyframes animate-shine {
    0% {
        opacity: .1;
        width: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 0;
        width: 100%;
    }
}

Да при том. Что можно посмотреть код префикса и сделать себе такой же. Или все за вас надо сделать.?
От того что ты увидишь в исходном коде и до нормального кода для уже своего форума, надо пройти путь изучения css и less, здесь уже хватает кривого, тупо рипнутого кода, который я не советую использовать :)
 
Последнее редактирование модератором:
OFFTOP



Ты видишь что я пишу или чо, background это анимация переливающая, а сам фон

Ну раз так, тогда вот самая подробная инструкция с этим стилем, к баннерам пользователей конечно, ну если надо префиксы тем, думаю можно разобраться
 
Ну раз так, тогда вот самая подробная инструкция с этим стилем, к баннерам пользователей конечно, ну если надо префиксы тем, думаю можно разобраться
Нету доступа к просмотру кода, там с роли проверенный.
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу