How do we make a wave shape out of a div in css?-CodePudding

In CSS, what property can we use to make a wave-like shape out of a div? I tried using the border tag but it doesn't work. This is the shape I want to make:

how I want the div shaped

And here is the main code and container:

<!DOCTYPE html>
<html>
<head>
<style>

.wave{
background-color:#0a95ff;

width:100%;
height:300px;


}

</style>
</head>
<body>

<div > </div>


</body>
</html>

CodePudding user response：

you can try this site to make waves getwaves.io

CodePudding user response：

Maybe make a half circle and put them side-by-side.