Interactive Menu Bar using JavaScript, SVG & CSS- JSitor

#javascript #css #html #webdev

Ashvin Kumar Suthar Jan 4 ・1 min read

An interactive menu-bar using SVG and CSS animations.

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

Code - https://jsitor.com/cNiYPzdoz

Discussion (11)

InHuOfficial • Feb 4

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!

Ashvin Kumar Suthar • Jan 5

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

Ashvin Kumar Suthar • Jan 5

Please check now.

Seanmclem • Jan 11

no longer works

Mahmudul Hasan • Jan 4

Can i use this in my project?

Ashvin Kumar Suthar • Jan 5

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

ImTheDeveloper • Jan 4

Really like that navbar!

Mike Haslam • Jan 4

Very Cool

Solution: Shortest Path in Binary Matrix

seanpgallivan - Feb 13

Debug Why React (Re-)Renders a Component

Michael Hoffmann - Feb 26

CSSBattle - Improve your CSS skills by doing awesome CSS challenges.

Parth Bhardwaj - Feb 13

Museum of Candy Project

Saqib Suleman - Feb 9

DEV Community

DEV Community is a community of 577,108 amazing developers

Interactive Menu Bar using JavaScript, SVG & CSS- JSitor

Discussion (11)

Read next

Solution: Shortest Path in Binary Matrix

Debug Why React (Re-)Renders a Component

CSSBattle - Improve your CSS skills by doing awesome CSS challenges.

Museum of Candy Project