Circular Menu




Author

  • Jesús Castro

Made with

  • HTML
  • CSS/SCSS
  • JavaScript/Babel (jQuery.js, TweenMax.js)

About the code

CIRCLE NAVIGATION

Experimental navigation menu for a technical website. Built with GreenSock Animation Platform and SVG.

VISUAL DEMO

See the Pen Circular Menu by ogbugbu (@ogbugbu) on CodePen.

<<H TML CODE>>

<<CSS CODE>>

<<JS CODE>>




Demo Image: Rings Navigation Concept
Demo Image: Rings Navigation Concept

RINGS NAVIGATION CONCEPT

Links are absolutely positioned on top of each other making several ring

VISUAL DEMO

See the Pen RING MENU by ogbugbu (@ogbugbu) on CodePen.

<<HTML CODE>>

<<CSS CODE>>

 

<<JS CODE>>