有没有办法在纯css中创建一个弯曲的网站菜单栏?

vs3odd8k  于 2023-03-14  发布在  其他
关注(0)|答案(1)|浏览(128)

我们可以使用CSS border-radius创建一个圆角。但是我们可以用纯CSS创建下面的形状吗?
我试过使用border-radius,但是我不知道如何创建形状。如果有任何css编码,我将不胜感激。谢谢你的帮助。

olmpazwi

olmpazwi1#

工作SVG路径听起来不错。那画一个...

贝塞尔曲线

您可以合并使用Bezier和border-radius来实现所请求表单的右下角。
嘿,刚发现:clip-path
https://jaketrent.com/post/create-bezier-curve-clip-path/
除非更多的对称是一件好事,那么就只有贝塞尔。
Bezier curve in CSS?
https://www.w3schools.com/CSSref/func_cubic-bezier.php

帆布

另一个想法,但失败的CSS唯一。
让我想想...

自行车进场

我刚刚发明了一个,我想^^绘制2个绝对定位的圆(圆形div)加上::after来屏蔽圆的一部分...应用一个'rotate'变换加上一个位置调整到::after伪元素(可能increasize来调整曲线,直到它匹配🚀🤷‍♂️
我不会改正“增加”的错别字,我也刚发明了一个新词。

相关问题