Html 波浪形顶面

我在网上四处寻找，找到了一些关于如何在底部制作波浪形div的好方法，但是我找不到任何关于如何在顶部制作波浪形div的方法。这就是我试图扭转的局面，使其处于领先地位：

这是我试图完成的一个图像（带css的波浪形顶部，底部是直的）。任何帮助都会很好

---

找到了这个链接：我认为你最好的选择是按照你所包含的文章的例子，创建一个位于页脚中的SVG。可以使用

剪辑路径

。在您的情况下，生成波浪形应该很棘手，但请检查此项：-似乎是一个很好的示例，说明如何使用svg@flbas1这是一个波浪形的底部，但我如何反转它？