如何在css中创建不规则的正方形？

正在查找使用CSS生成此特定形状的代码

非常感谢任何帮助

您可以使用

clip path

CSS属性创建一个定义 应显示元素的哪个部分。更具体地说，这些 区域内的部分显示，而区域外的部分显示 隐藏的

请尝试此代码段

div{
宽度：150px；
高度：150像素；
-webkit剪辑路径：多边形（5%7%，91%14%，98%91%，0%100%）；
剪辑路径：多边形（5%7%，91%14%，98%91%，0%100%）；
背景：粉红色；
}

您可以使用：

clip-path: polygon(30px 0 , 250px 0, 200px 300px, 0 0);

---

请参见此处的示例：

您可以通过一些旋转和透视来完成此操作：

.box{
宽度：150px；
高度：120px；
背景#f540a8；
利润率：20px；
变换：透视（180像素）旋转（15度）旋转（20度）旋转（3度）；
}

---

但浏览器支持仍然非常有限