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

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

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

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