MENUS › A CSS only circular menu with bounce animation

Date : 9th March 2016

For all the latest browsers

SUB MENU #1
Item #1.1
Item #1.2
Item #1.3
Item #1.4
SUB MENU #2
Item #2.1
Item #2.2
Item #2.3
SUB MENU #3
Item #3.1
Item #3.2
Item #3.3
Item #3.4
SUB MENU #4
Item #4.1
Item #4.2
Item #4.3
Item #4.4
Item #4.5
SUB MENU #5
Item #5.1
Item #5.2
Item #5.3
Item #5.4
SUB MENU #6
Item #6.1
Item #6.2
Item #6.3
SUB MENU #7
Item #7.1
Item #7.2
Item #7.3
Item #7.4
SUB MENU #8
Item #8.1
Item #8.2
Item #8.3
Item #8.4

Information

A circular menu with 'bounce' animation using just CSS. NO javascript/jQuery

Click the 'settings' icon above to show the circular menu which has a bounce action, Then click any of the segments to bounce down the sub menu for that segment.

The click the 'settings' icon to close the menu.

The bounce action is produced using cubic-bezier timing for the animations which is supported in all the latest browsers.

Please consider making a donation, every little helps.