Как доделать всплывающую подсказку на css?

Question

[tripcollor]

https://jsfiddle.net/tripcollor/xcy9gb00/
При наведении в то место где подсказка она появляется, попробуйте провести мышкой внизу менюшки. Как это устранить?
Подсказка должна появляться только при наведении на слово PLATFORM

Answer 1

[Astrohas]

https://jsfiddle.net/xcy9gb00/1/

Comments

[tripcollor]

Хасан Истамкулов:
Интересное решение, но не подходит, потому что когда внутри есть контент выглядет лагнуто

[Astrohas]

tripcollor, это из за opacity

[tripcollor]

Хасан Истамкулов, понятное дело так бы я вообще не парился сделал бы через diplay: none
тут в том то и дело мне анимация и переходы нужны

[Astrohas]

tripcollor, max-height тогда указывайте вместо height, он поддерживает анимацию. Или же задайте keyframes

[tripcollor]

Хасан Истамкулов,
нашел проще решение
с pointer-events
https://jsfiddle.net/tripcollor/xcy9gb00/3/

[Astrohas]

tripcollor, я рад за вас

[tripcollor]

Хасан Истамкулов, спасибо за участие

Answer 2

[tripcollor]

Нашел решение с использованием pointer-events
https://jsfiddle.net/tripcollor/xcy9gb00/3/