BUILDING A CIRCULAR NAVIGATION WITH CSS TRANSFORMS AND JAVASCRIPT

In this tutorial I'm going to show you how to create circular navigations using CSS transforms. I'm going to take you through the steps for creating these styles one by one, and explain the math (yikes!) and simple logic behind them so you get a clear understanding of the technique.
Like I mentioned, there's going to be some basic math involved, along with CSS transforms to create these styles. But don't worry, the math is really very simple and I'll be going through it step by step.

Direct Link Demo