Удалить псевдоэлемент: after при наведении на тот же элемент - PullRequest
Новая
       11

Удалить псевдоэлемент: after при наведении на тот же элемент

0 голосов
/ 14 января 2020

У меня есть div .folio-cube, который содержит следующие 2 div: .front и .bottom

По умолчанию .front содержит цветное изображение и .bottom текстовое описание.

При наведении указатель на цветное изображение накладывается на описание.

Моя настройка:

Я поместил цветовой оверлей на фронт, используя псевдоэлемент :: after

(невозможно с помощью :: before)

что-то в этом роде 

.front::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #dd7d33, #cf6324);
    opacity: 0.8;
}

Что я не могу сделать:

При наведении .folio-cube, мне нужно полностью скрыть псевдоэлемент наложения или даже весь .front div, чтобы появился .bottom div.

Я пробовал различные решения, но безуспешно ...

Сайт, который я пытаюсь сделать, это здесь

Есть ли у вас какие-либо предложения?

Заранее спасибо

...