Css 向内弯曲的边界半径？

如何使边界向内弯曲而不是向外弯曲

例如，这是向外弯曲的：

标题{
位置：相对位置；
高度：300px；
背景图像：线性梯度（#ff9d2f，#ff6126）；
边框左下半径：50%20%；
边框右下半径：50%20%；
}
h1{
保证金：0；
填充：100px0；
字体：44px“Arial”；
文本对齐：居中；
}
收割台h1{
颜色：白色；
}

标题内容
章节内容

如以下示例所示

标题{
位置：相对位置；
高度：300px；
背景图像：线性梯度（#ff9d2f，#ff6126）；
}
h1{
保证金：0；
填充：100px0；
字体：44px“Arial”；
文本对齐：居中；
}
收割台h1{
颜色：白色；
}
标题：之后{
内容：''；
位置：绝对位置；
底部：0；
左：0；
身高：30%；
宽度：100%；
背景：#fff；
边框左上半径：50%20%；
边界右上角半径：50%20%；
用户选择：无；
}

标题内容
章节内容

如果需要，可以使用另一个框来模拟

标题{
位置：相对位置；
高度：300px；
背景图像：线性梯度（#ff9d2f，#ff6126）；
}
标题：之后{
内容：“；
宽度：100%；
高度：100px；
位置：绝对位置；
背景色：白色；
底部：0；
边框左上半径：50%40%；
边界右上角半径：50%40%；
}
h1{
保证金：0；
填充：100px0；
字体：44px“Arial”；
文本对齐：居中；
}
收割台h1{
颜色：白色；
}

标题内容
章节内容

@LokeshGupta有任何示例吗？请查看我发布的工作示例作为答案