Css 带圆角的倾斜div

如何使用CSS实现以下形状

右侧应倾斜，顶角应圆角：

---

您可以使用伪元素、边界半径和变换旋转来创建圆角和右斜部分：

输出：

div{
显示：内联块；
填料：1米5米1米；
位置：相对位置；
溢出：隐藏；
边框左上半径：10px；
}
部门：之后{
内容：“；
位置：绝对位置；
顶部：0；左侧：0；
宽度：100%；高度：100%；
背景色：#E70101；
z指数：-1；
边框右上角半径：15px；
-ms变换：skewX（10度）；
-webkit变换：skewX（10度）；
变换：斜交（10度）；
-ms变换原点：100%100%；
-webkit转换来源：100%100%；
变换原点：100%100%；
}

---

一些文本

另一个选项是使用三维透视变换：