Css 是否存在反向（反转）曲线的可能性？

请检查下面的小提琴链接，是否有任何方法可以实现反向曲线反转

边界半径：0 0-13em-13em/0 0-3em-3em不工作。谢谢

根据规定，不允许出现负值。因此，我认为任何web浏览器都不太可能对您试图实现的目标提供额外的支持

---

您可能必须使用自定义边框图形的边框图像来实现所需的外观。有关此区域的一些提示，请参阅。

经过一些黑客攻击后

---

基本上，它使用psuedo元素来生成元素的下边框。它是hax，但似乎有效。

您可以通过使用：before psuedo选择器添加元素，然后对该元素应用圆角边框来伪造它。e、 g.大致如下：

---

据我所知，没有办法做反向边界半径。这是一个遗憾，因为我一直想要一个纯CSS布局，它有一个整洁的整体符号，比如曲线。在为div添加背景色后，它不起作用了…请建议？当我为div添加背景色和身体颜色时，东西坏了吗？在为div添加bakcground颜色后，它不起作用…请建议？在：after元素中添加背景：白色。如果你的主页上有不同的背景颜色，就用它来代替。为div添加圆形颜色后，它不起作用…请建议？

.roundCorner
{
width: 170px;
height: 20px;
padding: 2em;
border: 1px solid;
border-radius: 0 0 13em 13em / 0 0 3em 3em
}

.roundCorner {
  width: 170px;
  height: 20px;
  padding: 2em;
  border: 1px solid;
  border-bottom:0;
  position:relative;
}
.roundCorner:after {
  position:absolute;
  left:-1px;right:-1px;bottom:0;
  height:1.5em;
  border:1px solid black;
  border-bottom:0;
  border-radius: 13em 13em 0 0 / 3em 3em 0 0;
  content:'';
}

.roundCorner
{
    width: 170px;
    height: 20px;
    padding: 20px;
    border: 1px solid;
    border-bottom: 0;
    position: relative;
}

.roundCorner:before {
    content: "";
    display: block;
    width: 170px;
    height: 10px;
    padding: 20px;
    border-top: 1px solid black;
    border-radius: 13em 13em 0 0 / 3em 3em 0 0;
    position: absolute;
    left: 0px;
    top: 30px;
}