Как сделать плавное появление мегаменю?
В скрытом состоянии замените display:none; на:visibility: hidden;
opacity: 0;
transform: translateY(-10px);
transition: all .3s ease;
Для класса .hover допишите:visibility: visible;
transform: translateY(0);
opacity: 1;
Если у вас меню появляется с помощью css то для дочернего элемента:hover вешайте transition;
Если через javascript то, где вызывается дочерний элемент document.getElementById('Ваш элемент').style.transition = 'all .25s ease-in-out';