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
 
imthedeveloper profile image
ImTheDeveloper

Really like that navbar!

Collapse
 
yourdevguy profile image
Mike Haslam

Very Cool

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
 
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
 
lepinekong profile image
lepinekong

empty now ?