html - 用波浪制作复杂 div 的最简单方法

Question

我想用复杂的波浪创建 div，我遇到了很多教程，我尝试了很多东西，但我做不到。什么是制造波浪的最佳方式，背景在波浪处四处走动并停止？什么是最好/最简单的方法，我听说过 SVG，但没有这方面的技能。实现起来复杂吗？我希望我可以像在这个 WordPress 主题上一样绘制曲线并相应地更改背景： https ://www.elegantthemes.com/blog/theme-releases/shape-dividers

我希望我能做到： http ://www.zupimages.net/viewer.php?id=19/22/jr0r.png

我必须学习 SVG 吗？或者使用illustrator，如果我有几个wave，直接在CSS中太复杂了。像插画师这样的软件可以免费使用 SVG 做到这一点吗？

然后用 bootstrap 4 等做我的其余风格？...谢谢你

标签： htmlcsssvgadobe-illustrator

Answer 1

我之前尝试过，只是使用图像作为边框。您可以创建带有波浪形边框的图像并使用透明度来获得所需的效果。