Tab Bar Animation

This is a really cool effect for the Navigation Bar

4 Likes

Hello, I just saw your post, I would like to know how to implement it in a standard menu ? Thx for your advice.

Funnily enough I’ve just created a menu similar to that yesterday using custom interactions to show and hide on both hover over and leave, inline buttons and a div container that is absolute positioned to a relative related column that has the inline buttons. The extra column that has the dropdown and absolute positioned is 100% width to span the width of above button row has Z index higher than everything else.

Kind of similar but principle can be customied more to create variation. Custom interactions are simpy ace.

Edit: Oh hang on it isn’t similar :rofl: :rofl: :rofl: just run the pen and it is the flash, thought I was looking at the dropdown bit in code pen, sorry about that. Still custom interactions and an animated SVG?