如何在CSS中创建全宽波

我的任务是建立一个网站.在这个网站上,他们的样式中有一个波形的页脚.见下图:

我可能会因没有中风或黄线而逃脱.主要问题是他们希望这个"页脚波"是100%宽度.我在想可能有一个CSS解决方案吗？可能在css中重新创建形状？这可能吗？

你可以用svg.

body {
  margin: 0;
}
footer {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  overflow: hidden;
}