是否可以用CSS弯曲div?
某种webkit转换......
我想要创建的效果是一个环形甜甜圈形状,但由一个弯曲的div组成,而不是边框半径/边框技巧
编辑:
用例 - 我想在这个div上放一个线性渐变,并让渐变回绕自身,就像在Snake游戏中一样追逐尾巴......
目前,仅靠 CSS 是不可能实现这一点的。你最好的选择是使用canvas(和一些Javascript)。
https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas
http://www.roblaplaca.com/examples/bezierBuilder/
2023 年 8 月更新:
仅使用 CSS 仍然无法实现这一点(很高兴被证明是错误的)。你可以做一些有趣的事情,但它们都取决于边界、边界半径等。
参考: