我正在寻找一种在CSS中绘制盾形图的方法.粗略地,图的下半部分应该是半圆,而上半部分应该是倒三角形/梯形的一部分.因此,在半圆结束的地方,它应该继续向上(具有小斜率).顶部应该是平的.
我知道如何绘制一个完整的圆圈,border-radius: 50%我知道如何在CSS中绘制一个带有透明边框的倒三角形,但不知怎的,我从来没有让它们正确排列.
border-radius: 50%
像这样的东西,除了底部的黑色部分.黄色和顶部黑色部分应该是相同的颜色.
有什么建议?
css css3 css-shapes
css ×1
css-shapes ×1
css3 ×1