CSS fold div

Question

Is it possible to bend a div using CSS?

Some webkit conversion ...

The effect I want to create is to have a donut ring shape, but consisting of a curved div, unlike border-radius / border tricks

EDIT:

Use case - I would like to put a linear gradient in this div and wrap the gradient around myself, as in Snake, where it chases its tail ...

+6

benhowdle89 Dec 15 '11 at 23:45

4 answers

This is not like you cannot use a border trick:

The border radius trick is the one I like,

0

Charlie Dec 15 '11 at 23:56

If you want the text to be crooked, this is a problem with the ability of SVG Text on the Path . (or canvas). Enjoy it.

0

Michael mullany Dec 15 '11 at 23:56

I recommend using THREE.js and the HTML5 canvas tag. You can easily bend and revitalize it. Check out the examples. Have some fun!

-1

Eric Leroy Jun 13 '14 at 15:29

matthewpavkov · Accepted Answer · 2011-12-15T23:51:37+0000

This is currently not possible with CSS. It is best to use canvas (and some Javascript).