How’d Webflow.com manage interactions with their dropdown menu? It seems like there are two different interactions when hovering one of the buttons. If you hover over “features”, “why webflow” and “resources” while coming from anywhere but one of those buttons, the dropdown has a nice smooth size in effect.
However, to not make that jarring when you hover from one button “features” to another “why webflow”, they have a separate animation where the dropdown is already visible, but the text slides in left or right.
Even further, the sliding in left and right depends if you enter the button from the left or from the right.