Обратите внимание, как анимация сбрасывается по прошествии 500 мс, в результате чего кнопка возвращается к исходному цвету. Но мы хотим, чтобы кнопка оставалась выделенной.
Это можно сделать, установив для свойство animation-fill-mode значение forwards. Animation-fill-mode определяет стиль, применяемый к элементу после завершения анимации.
Задание:
- Установите для свойства animation-fill-mode селектора button: hover значение forwards, чтобы кнопка оставалась выделенной, когда пользователь наводит на нее курсор.