How to create wave like border

#wave {
  position: relative;
  height: 70px;
  width: 600px;
  background: #e0efe3;
}
#wave:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 340px;
  height: 80px;
  background-color: white;
  right: -5px;
  top: 40px;
}
#wave:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 100% 50%;
  width: 300px;
  height: 70px;
  background-color: #e0efe3;
  left: 0;
  top: 27px;
}

Source: stackoverflow.com

Similar codes

12 votes341 views4 answers
Padding in one line
CSS
0 vote333 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
0 vote350 views1 answer
Break table for printing
CSS
0 vote332 views1 answer
Css if select has value
CSS
-1 vote320 views1 answer
Scss npm import
CSS
2 votes368 views2 answers
Poppins cdn
CSS
17 votes352 views3 answers
Css odd even child
CSS
25 votes371 views5 answers
Scroll animation css
CSS
11 votes359 views3 answers
Css ellipsis max width
CSS
0 vote341 views2 answers
How set image at top in wordpress
CSS