使用CSS弯曲div

ben*_*e89 7 css webkit

是否可以用CSS弯曲div?

某种webkit转换......

我想要创建的效果是一个环形甜甜圈形状,但由一个弯曲的div组成,而不是边框​​半径/边框技巧

编辑:

用例 - 我想在这个div上放一个线性渐变,并让渐变回绕自身,就像在Snake游戏中一样追逐尾巴......

mat*_*kov 3

目前,仅靠 CSS 是不可能实现这一点的。你最好的选择是使用canvas(和一些Javascript)。

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

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

2023 年 8 月更新:

仅使用 CSS 仍然无法实现这一点(很高兴被证明是错误的)。你可以做一些有趣的事情,但它们都取决于边界、边界半径等。

参考: