Updated on Wednesday, April 21, 2021.
Uses CSS only.
Hover effect starts from the middle and expands out left and right.
Uses CSS + JS.
Hover effect is direction aware and the "border" moves in the direction of mouse movement between menu items.
Behaves like Variation 1 when hovered from the bottom.
In Oxygen editor, edit your Menu component.
You might want to adjust Hover & Active settings to accommodate the hover effect.
Add the following CSS:
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $499 one-time).
Already a member? Log in below or here.