Pure CSS3 Round Menu

Overview and features

249 vector icons. It means that Menu is retina ready and looks perfect on any zoom. You can find all available icons here.

Tested and works in all modern browsers and platforms: Mac OS (sifari, chrome, firefox, opera), Windows OS (sifari, chrome, firefox, opera, IE8, IE9, IE10), iPhone, iPad, Android.

5 practical exaples that can be used as base for your own menu.

Unlimited color combinations and 12 predefined colors.

16 beautiful animation effects with pure CSS3.

9 position options with different number of maximum elements.

Tooltips with 6 available positions.

Round, ellipse, rounded square and square shapes for menu buttons.

Practical examples

• Share menu (demo)
• Site navigation (demo)
• Video/audio player controls (demo)
• User profile navigation (demo)
• Contacts block (demo)

Customization options

Animation effects

• One by one (demo)
• All at once (demo)
• One by one + Fade (demo)
• All at once + Fade (demo)
• One by one + Rotate (demo)
• All at once + Rotate (demo)
• One by one + Scale (demo)
• All at once + Scale (demo)
• One by one + Fade + Rotate (demo)
• All at once + Fade + Rotate (demo)
• One by one + Fade + Scale (demo)
• All at once + Fade + Scale (demo)
• One by one + Rotate + Scale (demo)
• All at once + Rotate + Scale (demo)
• One by one + Fade + Rotate + Scale (demo)
• All at once + Fade + Rotate + Scale (demo)

Button shapes

• Circle (demo)
• Ellipse (demo)
• Rounded square (demo)
• Square (demo)

Position options

• Top with 9 items (demo)
• Top-left with 5 items (demo)
• Right with 9 items (demo)
• Top-right with 5 items (demo)
• Bottom with 9 items (demo)
• Bottom-right with 5 items (demo)
• Left with 9 items (demo)
• Bottom-left with 5 items (demo)
• Center with 16 items (demo)

Tooltip positions

• Top-left
• Top-right
• Left
• Right
• Bottom-left
• Bottom-right

Predefined colors

• White
• Grey
• Black
• Red
• Orange
• Yellow
• Lime
• Green
• Cyan
• Blue
• Purple
• Pink