Согнуть div с CSS

Question

Можно ли согнуть div с помощью CSS?

Какое-то преобразование webkit ...

Эффект, который я хочу создать, имеет форму кольцевого пончика, но состоит изизогнутый элемент div, а не трюки с радиусом границы / границей

РЕДАКТИРОВАТЬ:

Вариант использования - я бы хотел поместить линейный градиент в этот элемент деления и сделать градиент вокруг себякак в игре Snake, где он гонится за хвостом ...

Answer 1

В настоящее время это невозможно только с помощью CSS. Лучше всего будет использовать canvas (и немного Javascript).

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

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

Answer 2

Я рекомендую использовать THREE.js и тег HTML5 canvas . Вы можете легко согнуть и оживить его. Проверьте примеры. Повеселись!

THREE.js Примеры

Answer 3

Если вы хотите, чтобы текст изгибался, то это проблема, созданная для SVG Text on a Path . (или холст). Наслаждайтесь.

Answer 4

Не похоже, что вы можете без использования трюка с радиусом границы:

http://www.w3schools.com/css3/css3_2dtransforms.asp

Мне нравится трюк с радиусом границы,

http://jsfiddle.net/charlescarver/ea3An/