DEV Community

Cover image for Interactive Menu Bar using JavaScript, SVG & CSS- JSitor
Ashvin Kumar Suthar
Ashvin Kumar Suthar

Posted on

Interactive Menu Bar using JavaScript, SVG & CSS- JSitor

An interactive menu-bar using SVG and CSS animations.

Loading Snapshot...

Credits - https://www.youtube.com/c/OnlineTutorials4Designers/featured

Code - https://jsitor.com/cNiYPzdoz

Top comments (9)

Collapse
 
grahamthedev profile image
GrahamTheDev •

The example is empty, not sure what you did there but would be interesting to see this in action as I assume you are using SVG filters to get the bulge effect shown in the first image and I always like seeing different implementations of that!

Collapse
 
yourdevguy profile image
Mike Haslam •

Very Cool

Collapse
 
mhasan profile image
Mahmudul Hasan •

Can i use this in my project?

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar •

Sure, the code is available on JSitor.com for use.

Collapse
 
ashvin777 profile image
Ashvin Kumar Suthar •

Awesome, a nice gesture. Thanks for letting us know that. I am going to update this right now.

Thread Thread
 
ashvin777 profile image
Ashvin Kumar Suthar •

Please check now.

Thread Thread
 
seanmclem profile image
Seanmclem •

no longer works

Collapse
 
imthedeveloper profile image
ImTheDeveloper •

Really like that navbar!

Collapse
 
lepinekong profile image
lepinekong •

empty now ?