Create hover effect in menu that is linked to an animation

Design help General
2

Hi Sophia,

Here’s how to style your navigation links and add hover states:

  1. Select your navigation link element
  2. In the Style panel, check the Selector field to ensure there’s a class applied
  3. Click the Selector dropdown menu and choose the “Hover” state
  4. Adjust the text color or any other styles you want to apply to the hover state
  5. For a smooth transition effect, expand the Style panel > Effects > Transitions section
  6. Add a transition for the properties you modified (like color)

Remember to apply the same class to all your menu items to maintain consistent styling across your navigation.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.