Как увеличить продолжительность: active в css?

Поэтому хотите, чтобы зеленый цвет фона оставался дольше, чем нажата кнопка. Является ли это возможным?

#button { background-color: red; width: 100px; height: 50px; display: block; } #button:active { background-color: green; } 
        1   

Возможно использование transition

 #button { background-color: red; width: 100px; height: 50px; display: block; transition:0s 1s; } #button:active { background-color: green; transition:0s; } 
        1