小编Van*_*orn的帖子

在CSS中绘制一个类似盾牌的人物

我正在寻找一种在CSS中绘制盾形图的方法.粗略地,图的下半部分应该是半圆,而上半部分应该是倒三角形/梯形的一部分.因此,在半圆结束的地方,它应该继续向上(具有小斜率).顶部应该是平的.

我知道如何绘制一个完整的圆圈,border-radius: 50%我知道如何在CSS中绘制一个带有透明边框的倒三角形,但不知怎的,我从来没有让它们正确排列.

像这样的东西,除了底部的黑色部分.黄色和顶部黑色部分应该是相同的颜色.

盾牌的例子

有什么建议?

css css3 css-shapes

1
推荐指数
1
解决办法
910
查看次数

标签 统计

css ×1

css-shapes ×1

css3 ×1