Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/reporting-services/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用CSS弯曲div_Css_Webkit - Fatal编程技术网

用CSS弯曲div

用CSS弯曲div,css,webkit,Css,Webkit,是否可以使用CSS弯曲div 某种webkit转换 我想创建的效果是一个圆环形状,但由一个弯曲的div组成,而不是边界半径/边界技巧 编辑: 用例-我想在这个div上放置一个线性渐变,并让渐变环绕在它自身上,就像在游戏Snake中,它会追着它的尾巴…目前,仅使用CSS是不可能的。您最好使用画布(和一些Javascript) 如果不使用“边界半径”技巧,看起来是不行的: 边界半径技巧是我喜欢的 如果您希望文本成为曲线,那么这是SVG功能的一个问题。(或画布)。享受。我建议使用THREE.js和

是否可以使用CSS弯曲div

某种webkit转换

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

编辑:


用例-我想在这个div上放置一个线性渐变,并让渐变环绕在它自身上,就像在游戏Snake中,它会追着它的尾巴…

目前,仅使用CSS是不可能的。您最好使用
画布
(和一些Javascript)


如果不使用“边界半径”技巧,看起来是不行的:

边界半径技巧是我喜欢的


如果您希望文本成为曲线,那么这是SVG功能的一个问题。(或画布)。享受。

我建议使用THREE.jsHTML5画布标签。您可以轻松地使用它弯曲和设置动画。看看这些例子。玩得开心


除了使用边框半径,您还可以使用它做什么?显示您想要的图片?弯曲是指您想要文本弯曲吗?那么,这是不可能的。