Siend, я вынес это отдельно, чтоб не дублировать, т.е так тоже будет работать:
div:hover::after{
display: block;
width: 100%;
height: 100%;
content: ' ';
background-color: rgba(255,255,255,0.5);
}
div:active::after{
display: block;
width: 100%;
height: 100%;
content: ' ';
background-color: rgba(000,000,000,0.5);
}