波浪形div div CSS

Question

我在网上浏览了一下，找到了一些关于如何在底部创建波浪形div的好方法，但是我找不到关于如何使顶部波浪形的任何方法。这就是我试图反转以使其位于顶部的原因：https://css-tricks.com/creating-non-rectangular-headers/

这是我要完成的操作的图像（波浪形顶部带有CSS，底部是直的）。任何帮助都很好