Triangle selector nav creation

Design help Animations & Interactions
1

Hey All,
Looking to build a nav where a triangle above acts as the current selection.
See photo

Screen Shot 2020-07-13 at 10.29.31 PM
Screen Shot 2020-07-13 at 10.29.31 PM2436×196 93.1 KB

Should be cool if this triangle selector animated or slid over the the next menu item when clicked.
Basically this nav reveals content in a tab like item. I just can’t figure out how to animate it.

Any one up for a challenge?

Here is my public share link: LINK
(how to access public share link)

2

Hi and welcome to the forum :webflow_heart:

Share your read only link, so one of the forum members might show you how to achieve your goal :slight_smile:

3

KSparrow,

This is definitely possible within Webflow! If you were to create the line and triangle using div elements, you could then use Webflow “while page is scrolling” Interactions to move the content at specific intervals! That, or if the link elements were different pages you could simply duplicate and reposition the triangle on each different page!

1 Like
4

Thanks for the info!
Its set up a little different.
See my staging link.
https://kuz-2020-r1.webflow.io
Its part of the second section on the page.