作者:幸福欧旭旭_320 | 来源:互联网 | 2023-05-29 11:31
我正在寻找一种使用CSS或SVG绘制圆圈底部的方法.我已经看到了这个答案,但它处理的是一个完美的半圈,而我需要一个额外的段来切断它使它不到一半.使用纯CSS可能无法实现,但SVG的答案对我来说很难修改.
1> Weafs.py..:
为什么不使用path
arc命令使用两个元素?
2> Oriol..:
你可以用CSS做到这一点:
.partial-circle {
position: relative;
height: 20px;
width: 100px;
overflow: hidden;
}
.partial-circle:before {
content: '';
position: absolute;
height: 100px;
width: 100px;
border-radius: 50%;
bottom: 0;
background: #D08707;
}