Как решить проблему с анимацией?

Question

[Михаил Р.]

Приветствую!



В момент пропадания drodown, визуально он пропадает, но в реальности он на странице остается еще около 1-2 секунд. Т.е. после скрытия drodown, можно навести курсор на место, где ранее был drodown и тем самым снова показать этот самый drodown.

Как сделать, чтобы drodown сразу пропадал, как только пропал визуально?

Спасибо!

Answer 1

[Михаил Р.]

Вопрос решился применением свойства: pointer-events: all;

.dropdown:hover>.dropdown__container {
  visible: visible;
  opacity: 1;
  pointer-events: all;
}

Answer 2

[Bondi]

привет, transition: all 0.5s; перенеси в .dropdown:hover > .dropdown__container и вместо all пропиши opacity