Html 如何使用css扭曲div

我有div，我想知道我如何能稍微倾斜底部和右侧

我可以创建三角形，并倾斜所有边，只是不知道如何倾斜两侧

---

这可能吗？谢谢

您可以使用

：before

和

：after

CSS选择器执行此操作。我刚刚举了一个粗略的例子

HTML:

---

您可以使用

：before

和

：after

CSS选择器来执行此操作。我刚刚举了一个粗略的例子

HTML:

---

您可以使用

：before

和

：after

CSS选择器来执行此操作。我刚刚举了一个粗略的例子

HTML:

---

您可以使用

：before

和

：after

CSS选择器来执行此操作。我刚刚举了一个粗略的例子

HTML:

---

在较新的浏览器中，可以使用CSS转换

此代码将使div倾斜：

-webkit-transform: matrix(1, 0, 0.6, 1, 250, 0);
-o-transform: matrix(1, 0, 0.6, 1, 250, 0);
transform: matrix(1, 0, 0.6, 1, 250, 0);

结果如下所示：

---

Mozilla开发者网络提供了更多关于您可以应用的不同转换的信息。它也有几个例子，并且有。

在较新的浏览器中，您可以使用CSS转换

此代码将使div倾斜：

-webkit-transform: matrix(1, 0, 0.6, 1, 250, 0);
-o-transform: matrix(1, 0, 0.6, 1, 250, 0);
transform: matrix(1, 0, 0.6, 1, 250, 0);

结果如下所示：

---

Mozilla开发者网络提供了更多关于您可以应用的不同转换的信息。它也有几个例子，并且有。

在较新的浏览器中，您可以使用CSS转换

此代码将使div倾斜：

-webkit-transform: matrix(1, 0, 0.6, 1, 250, 0);
-o-transform: matrix(1, 0, 0.6, 1, 250, 0);
transform: matrix(1, 0, 0.6, 1, 250, 0);

结果如下所示：

---

Mozilla开发者网络提供了更多关于您可以应用的不同转换的信息。它也有几个例子，并且有。

在较新的浏览器中，您可以使用CSS转换

此代码将使div倾斜：

-webkit-transform: matrix(1, 0, 0.6, 1, 250, 0);
-o-transform: matrix(1, 0, 0.6, 1, 250, 0);
transform: matrix(1, 0, 0.6, 1, 250, 0);

结果如下所示：

---

Mozilla开发者网络提供了更多关于您可以应用的不同转换的信息。它也有几个例子，并且有。

您需要向我们展示一些您尝试过的代码。您需要向我们展示一些您尝试过的代码。您需要向我们展示一些您尝试过的代码。您需要向我们展示一些您尝试过的代码。