Задать вопрос
Mike_Ro
@Mike_Ro
Python, JS, WordPress, SEO, Bots, Adversting

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

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



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

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

Спасибо!
  • Вопрос задан
  • 67 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Mike_Ro
@Mike_Ro Автор вопроса
Python, JS, WordPress, SEO, Bots, Adversting
Вопрос решился применением свойства: pointer-events: all;
.dropdown:hover>.dropdown__container {
  visible: visible;
  opacity: 1;
  pointer-events: all;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Bondi
привет, transition: all 0.5s; перенеси в .dropdown:hover > .dropdown__container и вместо all пропиши opacity
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы