如何获得不规则，可扩展的CSS多边形

Question

那么如何使用CSS获取此形状？

我遇到的两个问题：

1. 使用3D变换，原点设置在左中心，我可以使用rotateY，但这给了我多边形的非平行底部，尽管它是宽度：100％，赢得了＆＃39; t水平填充屏幕......

2. 使用skewY，以及具有隐藏溢出的父容器，可以获得相同的效果，但是当我更改分辨率时遇到缩放问题...太大了，两边变得非常高/短，太窄，两侧看起来几乎一样......

Answer 1

如果你只想创建不规则形状的SVG将是更好的选择。 你可以试试：之前和之后：在元素之后。