Задать вопрос
goodcucumber
@goodcucumber

Как сделать обратный переход анимации?

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

Что изменить в коде, чтобы получить желаемое?

Код:
a:hover .title-decor{
animation: title-backlight 1s;
}
a:hover::after .title-decor{
animation: title-backlight-back 1s;
}
@keyframes title-backlight{
0%{
color:transparent;
}
100%{
color: #ffdd00;
}
}
@keyframes title-backlight-back{
0%{
color: #ffdd00;
}
100%{
color: transparent;
}
}
  • Вопрос задан
  • 363 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
goodcucumber
@goodcucumber Автор вопроса
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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