Can I draw something like Wheel of Fortune using CSS?

Question

I wish to draw a Wheel of Fortune using just CSS and jQuery. I don't want to use any images.

Also, I want to have at least 8 segments in the circle and properly align each text word vertically in each segment. Here's a photo to illustrate:

Once I have this working I then can use CSS3 rotate property.

Any idea how could I do this?

Answer 1

Here's a Spinning Wheel Demo done in HTML5 using Canvas: LINK

Direct download to the project demo files : ZIP

---

EDIT: Here is a different tutorial demo:
Creating a roulette wheel using html5 canvas

Answer 2

Here is another example of a spinning wheel using a Canvas

Answer 3

Check this link -> http://joelb.me/blog/2011/css-mask-tutorial-rotating-image-gallery/

It contains an introductory tutorial to somewhat you need. Check for the JS 2d Transformation library code at github too.