如何獲得不規則的，可擴展的CSS多邊形

Question

那麼如何獲得這種形狀使用CSS？

哪兒兩個問題，我跑進：

1. 使用3D變換，與左邊中心原點設置，我可以使用旋轉Y，但是這給了我一個非平行底部多邊形，儘管它是寬度：100％，將不會水平填充屏幕...

2. 使用skewY，以及與隱藏溢出父容器，它可能會得到相同的效果，但然後我遇到縮放更改分辨率時出現問題...太大，兩側變得非常高/短，太窄，兩側看起來幾乎一樣...

Answer 1

如果你只是想創建不規則的形狀SVG將是更好的選擇。 您可以嘗試：&之前：Elements之後。