Задать вопрос
@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);
    }
}
  • Вопрос задан
  • 45 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Фронтенд-разработчик
    11 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка
    3 месяца
    Далее
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
@keyframes element:after вместо element:after имя анимации.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы