クリックイベントが発生したときに、ユーザーに色の「フラッシュ」を与えようとしています。トランジションを使用して適切な方法で色を表示することはできますが、「アクティブな」クラスを削除せずに、.5 秒後に色を消したいと考えています。要件の 1 つは、jQuery アニメーションを使用できないことです。これは CSS で行う必要があります。
以下は私が現在使用しているcssです。
.active{
background-color: yellow;
-webkit-transition: background-color .5s linear;
transition: background-color .5s linear;
}
2 番目の値を指定しようとしましたが、機能しないため、これは有効なマークアップではないと思います。
.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;
}