[Siend]

Ааа, клаааас! спасибо) я столько раз уже встречал эти псевдоклассы before и after, но никак не могу в них до конца разобраться) Ваш вариант я тоже пробовал, только он у меня выглядел так:

div{
            width: 100px;
            height: 50px;
            background-color: #321;
        }
        div:hover::after{
            background-color: rgba(255,255,255,0.5);
        }
        div:active::after{
            background-color: rgba(000,000,000,0.5);
        }

Само собой ничего не сработало, а я и не понял что after нужно было перед этим тоже определить) спасибо огромное)