我想知道是否有人可以帮助我创建垂直波浪效果。我试图获得与所附照片类似的背景，但我没有运气。我尝试了很多不同的方法但没有成功。预先感谢您的帮助！
我尝试使用 SVG 来实现此目的，但无法使其正常工作。我尝试过各种小的调整，但似乎没有任何效果。我想我可能在网络开发方面不够熟练，无法实现这一目标。
这是我的代码：
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<meta name="description" content="test.">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<header>
<div class="header-content">
<h2>Portfolio 2024</h2>
<h1>test</h1>
<a href="#Profil">QUI-SUIS JE ?</a>
</div>
<div class="nav-container">
<div class="nav-bar">
<h1>test</h1>
<nav>
<ul>
<li><a href="#Profil">Profil</a></li>
<li><a href="#Projets">Projets</a></li>
<li><a href="#Skills">Compétences</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
<main>
<section class="profil" id="Profil">
<h2>A propos de moi</h2>
<div class="content-profil">
<div class="content-profil-img"></div>
<div class="content-profil-text">
<p>Bonjour !</p>
<p>test</p>
</div>
</div>
</section>
<section class="projets" id="Projets">
<h2>Mes projets</h2>
</section>
<section class="skills" id="Skills">
<h2>Mes competences</h2>
<div class="box">
<svg>
<circle cx="70px" cy="70px" r="70px"></circle>
</svg>
</div>
</section>
<section class="contact" id="Contact">
</section>
</main>
<footer>
<p>© 2024 test. Tous droits réservés.</p>
</footer>
</body>
</html>
我看不到附图。