Есть пара стилей:
tr:hover {
background-color: var(--hover-color);
transition: .2s ease;
}
tr:active {
background-color: var(--link-color);
transition: .05s ease;
}
Задача состоит в том, чтобы после нажатия на строку --link-color
оставался еще полсекунды посредством transition-delay: .5s
. При этом нельзя допустить задержки при обычном наведении - только от :active
к :hover
.