DEV Community

loading...
Cover image for Interactive Menu Bar using JavaScript, SVG & CSS- JSitor

Interactive Menu Bar using JavaScript, SVG & CSS- JSitor

ashvin777 profile image Ashvin Kumar Suthar ・1 min read

An interactive menu-bar using SVG and CSS animations.

Loading Snapshot...

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

Code - https://jsitor.com/cNiYPzdoz

Discussion (11)

pic
Editor guide
Collapse
inhuofficial profile image
InHuOfficial

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
ashvin777 profile image
Ashvin Kumar Suthar Author

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 Author

Please check now.

Thread Thread
seanmclem profile image
Seanmclem

no longer works

Collapse
mhasansoft profile image
Mahmudul Hasan

Can i use this in my project?

Collapse
ashvin777 profile image
Ashvin Kumar Suthar Author

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

Collapse
imthedeveloper profile image
ImTheDeveloper

Really like that navbar!

Collapse
ongomobile profile image
Mike Haslam

Very Cool