title: How to create a radial menu in CSS?
body: <p>How do I create a menu which looks like so:</p>
  <p><img src="https://i.stack.imgur.com/hb5aQ.png" alt="Tooltip Image" /></p>
  <p><a href="http://dribbble.com/shots/732391-Tooltip-PSD" rel="nofollow noreferrer">Link to PSD</a></p>
  <p>I don't want to use the PSD images. I would prefer using icons from some package like <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow noreferrer">FontAwesome</a> and have the backgrounds/css generated in CSS.</p>
  <p>A version of the menu that is using the PSD to to generate images of the tooltip and then using it can be found <a href="http://theearlcarlson.com/experiments/amTooltip/" rel="nofollow noreferrer">here</a>.</p>