Согните div с помощью CSS
можно ли согнуть div с помощью CSS?
какое-то преобразование webkit...
эффект, который я хочу создать, имеет форму кольцевого пончика, но состоит из изогнутого div В отличие от border-radius/border tricks
EDIT:
Use case-я хотел бы поставить линейный градиент на этом div и обернуть градиент вокруг себя, как в игре Snake, где он преследует его хвост...
4 ответов
В настоящее время это невозможно только с CSS. Лучше всего было бы использовать canvas (и некоторые Javascript).
https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas
не похоже, что вы можете без использования трюка с радиусом границы:
http://www.w3schools.com/css3/css3_2dtransforms.asp
трюк с радиусом границы-это тот, который мне нравится,
Если вы хотите, чтобы текст изгибался, то это проблема для SVG текст на пути возможности. (или холст). Наслаждаться.
Я рекомендую использовать три.js и HTML5 canvas tag. Вы можете легко согнуть и оживить его. Проверьте примеры. Получайте Удовольствие!