Подменю сильно быстро исчезает при ховере?

Question

[EYPPNM]

Как делают подменю, чтобы при наведении на разных пунктах оно не сразу исчезало если отвести курсор в сторону, а с задержкой.

Comments

[Rustam Bainazarov]

Пример кода?

Transition-delay?

[poniyur]

SmthTo, c transition-delay оно будет и открываться с задержкой

[Rustam Bainazarov]

poniyur, не будет, если правильно сделать.

div {
transition-delay: .5s;
}

div:hover {
transition-delay: 0s;
}

Стандартное, кстати, решение, если только на CSS опираться.

[Rustam Bainazarov]

poniyur, EYPPNM,
https://jsfiddle.net/oxtj1a73/2/

[poniyur]

SmthTo, точняк, сам же так делал) тупанул. Спасибо

Answer 1

[Stalker_RED]

Либо скрывать через animation с задержкой либо скрипты.
Самые крутые делают как-то так: https://habr.com/ru/post/252975/

Answer 2

[WapSter]

Тут главное знать теорию

Answer 3

[Влад ~]

Попробуй задать transition: all 0.5s для класса подменю

Answer 4

[Дмитрий Демчук]

transition-delay вам в помощь