Un "flash" de color, utilizando transiciones css puras.
Estoy tratando de dar a los usuarios un "destello" de color cuando hay un evento de clic. Puedo hacer que el color aparezca de forma agradable utilizando una transición, sin embargo, quiero que el color desaparezca después de .5s, sin eliminar la clase "activa". Sin embargo, un requisito es que no puedo usar animaciones jQuery y esto debe hacerse en CSS.
A continuación se muestra el css que estoy usando actualmente.
.active{
background-color: yellow;
-webkit-transition: background-color .5s linear;
transition: background-color .5s linear;
}
Intenté especificar un segundo valor, sin embargo, no creo que este sea un marcado válido ya que no 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;
}