使用 CSS 重新创建不对称形状

Question

我想在项目中使用 CSS 重新创建这个形状。关于任何有用的工具或开发这样的形状需要哪些 CSS 属性有什么想法吗？

我尝试了很多免费的网络应用程序来重新创建这个形状，但没有成功。

Answer 1

我认为通常你会使用某种在线CSS形状生成器，或者使用替代的CSS库，例如Sass或Less，因为很难创建如此复杂的形状。

您可以尝试使用特定单位（例如 rem、像素）来划分屏幕，然后将 div 位置更改为绝对或固定？

您可以像这样在 css 中创建多边形：

.polygon{
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

或遵循此指南。