如何使用css创建圆形平行四边形？

我要创建以下形状：

我使用HTML和CSS创建了这个：

.square{
高度：110px；
线高：110px；
宽度：80px；
背景色：#3f3f；
位置：相对位置；
边缘底部：2px；
剪辑路径：多边形（0,100%20%，100%80%，0%100%）；
背景#DA484A；
}
span{显示：内联块；
垂直对齐：中间对齐；
线高：正常；
颜色：#fff；
字体大小：14px；
文本对齐：居中；}

---

Text

我想您需要

skew

属性来实现此功能。也许这会有帮助：