DEV Community

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

Posted on

23 11

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 ?

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay