«Вспышка» цвета с использованием чистых CSS-переходов
Я пытаюсь дать пользователям «вспышку» цвета, когда происходит событие щелчка. Я могу заставить цвет отображаться приятным способом, используя переход, однако я хочу, чтобы цвет исчезал после 0,5 с, не удаляя «активный» класс. Одно из требований заключается в том, что я не могу использовать анимации jQuery, и это должно быть сделано в CSS.
Ниже приводится CSS, который я использую в настоящее время.
.active{
background-color: yellow;
-webkit-transition: background-color .5s linear;
transition: background-color .5s linear;
}
Я попытался указать второе значение, однако я не думаю, что это допустимая разметка, поскольку она не работает.
.active{
background-color: yellow;
-webkit-transition: background-color .5s linear, background-color:transparent .5s linear;
transition: background-color .5s linear, background-color:transparent .5s linear;
}