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;
}
}
  • Вопрос задан
  • 172 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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