@bliblabla

Css keyframes для after?

Пытаюсь сделать анимацию для элемента after
не знаю как правильно к нему обратиться через keyframes
подскажите как правильно написать

.element:after{
content: "";
display: inline-block;
animation: buttonEmoji 2s infinite;
}

@keyframes element:after {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(8deg);
    }
    15% {
        transform: rotate(-8deg);
    }
    20% {
        transform: rotate(8deg);
    }
    25% {
        transform: rotate(-8deg);
    }
    30% {
        transform: rotate(8deg);
    }
    35% {
        transform: rotate(-8deg);
    }
    40% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
  • Вопрос задан
  • 41 просмотр
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
@keyframes element:after вместо element:after имя анимации.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы