Creating a circular menu with CSS

Question

I\'m trying to create a circular menu in CSS for a school project.

This is what the menu would look like:

Answer 1

It depends on a couple of things. First, do you need the menu to be animated? Second do you need to strictly use css? Do you need the menu to work perfectly aligned?

If you don't need something 100% exact you could use divide the circle into small squares and use only css to accomplish it.

If you need it to be 100% exact and you don't have animations, you can try map

If you want animations and 100% exact then you most likely be needing something like RaphaelJS

Hope it helps you out.