Html 如何在CSS中制作斜椭圆形？

我试图在CSS/HTML中创建一个斜椭圆形，但有一些问题

我尝试创建一个普通的椭圆形，然后根据下面的代码将其旋转几度，但它只是旋转基础矩形，然后应用bordier半径

以下是我尝试过的：

.circle{
    width:100px;
    height:50px;
    border-radius:50px;
    background:#000;
    -webkit-transform: rotate(27deg);
}

---

您应使用相对的

边界半径

，并将其设置为50%以获得完美的椭圆形

然后，您可以尝试使用

skew

：

.circle{
    -webkit-transform: skew(27deg);
}

将呈现以下内容：

---

而

旋转

将呈现以下内容：

尝试使边界半径为50%（或500px）

---

编辑：为了改进我的答案，您发布的代码创建斜椭圆形是正确的，只是边界半径不正确。它需要是50%，因为这样才能形成完美的角，例如圆。然后您只需使用宽度/高度来拉伸圆以获得椭圆形，并使用

变换：旋转（27度）使它成为一个倾斜的椭圆形。
在这里工作，我只是把
边界半径：50%

@gustavlrsn您选择了什么？
border-radius:50%;