webkit - Bend a div with CSS

Question

Is it possible to bend a div with CSS?

Some sort of webkit transform...

The effect i want to create is a have a ring doughnut shape but made up of a curved div as opposed to border-radius/border tricks

EDIT:

Use case - I'd like to put a linear gradient on this div and have the gradient wrap back around on itself, like in the game Snake, where it chases it tail...

Answer 1

Currently, this is not possible with CSS alone. Your best bet would be to make use of the canvas (and some Javascript).

https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas

http://www.roblaplaca.com/examples/bezierBuilder/