Выполнения display: none с задержкой в 2 секунды. Как это сделать?

Question

[Алексе Пономарев]

У меня есть который должен пропадать после клика на него и не появляться больше, пропадание должно быть с задержкой. Я попробовал
.****:active {
display: none;
}
получилось что при клике пропадет и сразу появляется. мне нужно это воплотить на чистом css. Кто то сталкивался с такой проблемой?
Заранее большое спасибо.

Comments

[Rsa97]

IMHO, на чистом CSS не получится. с задержкой нужен JS, без задержки можно сделать на HTML/CSS.

[Kvason]

Без жс не получиться, можешь просто на онклик повесить стетаймаут который ставит ему дисплей ноне

[Алексе Пономарев]

спасибо

Answer 1

[rPman]

посмотри как тут сделали, fade анимация длиной нужное время, где на 99% отключается видимость, приделай к этому реакцию на клик