Um "flash" de cor, usando transições css puras
Eu estou tentando dar aos usuários um "flash" de cor quando há um evento de clique. Eu posso fazer com que a cor apareça de forma agradável usando uma transição, no entanto, quero que a cor desapareça após .5s, sem remover a classe "ativa". Um requisito, porém, é que eu não posso usar animações jQuery e isso deve ser feito em CSS.
Abaixo está o css que estou usando atualmente.
.active{
background-color: yellow;
-webkit-transition: background-color .5s linear;
transition: background-color .5s linear;
}
Eu tentei especificar um segundo valor, mas não acho que isso é uma marcação válida, pois não funciona.
.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;
}