Додаєш анімацію до випадаючого меню
li:hover .page-nav__mega-menu {
display: block;
-moz-animation: flipInX .3s ease-in;
-webkit-animation: flipInX .3s ease-in;
animation: flipInX .7s ease-in;
}
http://www.newmediacampaigns.com/blog/nicer-navigation-with-css-transitions-part-2