我们可以使用CSS border-radius创建一个圆角。但是我们可以用纯CSS创建下面的形状吗?我试过使用border-radius,但是我不知道如何创建形状。如果有任何css编码,我将不胜感激。谢谢你的帮助。
border-radius
olmpazwi1#
工作SVG路径听起来不错。那画一个...
贝塞尔曲线
您可以合并使用Bezier和border-radius来实现所请求表单的右下角。嘿,刚发现:clip-pathhttps://jaketrent.com/post/create-bezier-curve-clip-path/除非更多的对称是一件好事,那么就只有贝塞尔。Bezier curve in CSS?https://www.w3schools.com/CSSref/func_cubic-bezier.php
clip-path
帆布
另一个想法,但失败的CSS唯一。让我想想...
自行车进场
我刚刚发明了一个,我想^^绘制2个绝对定位的圆(圆形div)加上::after来屏蔽圆的一部分...应用一个'rotate'变换加上一个位置调整到::after伪元素(可能increasize来调整曲线,直到它匹配🚀🤷♂️我不会改正“增加”的错别字,我也刚发明了一个新词。
::after
1条答案
按热度按时间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来调整曲线,直到它匹配🚀🤷♂️我不会改正“增加”的错别字,我也刚发明了一个新词。