Css 最佳实践：在背景上绘制形状

我正在做一个设计在颤振，并希望有一个波浪形在我的背景在底部（如图片所附）

最好的做法是什么（即使在html-css中也是如此）

最好将图像形状叠加到背景底部，例如白色波浪形状，还是通过绘制波浪形状程序（例如，在颤振中使用路径小部件）来实现效果。 或者在css中绘制它）

Img:

你需要一个

要轻松实现这一点，可以使用包

---

此外，您还可以自己制作剪刀。

谢谢。但问题是：最好的做法是使用ClipPath并“绘制”所有内容，还是使用具有ClipPath形状的图像并将其与背景色一起作为背景？对不起，我的错。我认为最佳实践是做任何事情最简单的方法。使用ClipPath，您将可以更好地控制绘图内容和容器的所有优点（装饰、形状、大小等），并且无需将资源加载到应用程序中。