Monday, September 2, 2013

CSS3 Circular Drop Down menu

I have created horizontal menu having circular menu items. We can also create drop down menu that contains circular menu items. It is somewhat similar to "Horizontal drop down menu". The major difference is that we have to use the border-radius property so that all menu items are circular.
    To create a drop down menu we first need to define the HTML code for it. Following is the HTML code that we are going to use:

HTML




CSS
The entire code is written in jsfiddle. Proper comments are placed before the respective selectors.


Final Result
The entire code is written in jsfiddle. Proper comments are placed before the respective selectors.