CSS-animated circle menu

13. May 2017 16:38

This is a tiny post to show off a css-animated menu.

Example:

See the Pen rmJEBo by Glenn Wedin (@glennwedin) on CodePen.

Not much to it, other than some JS to calculate the angle of the menu items. You maybe want to handle clicking on the menu items differently on mobile, depending on wether it's used in a single page app or a regular website.

bg-01