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

17 votes274 views1 answer
Calc sass variables
CSS
0 vote254 views1 answer
Css design guideline
CSS
1 vote295 views1 answer
Change text color li css
CSS
0 vote279 views1 answer
Remove materialize style input
CSS
0 vote576 views1 answer
Fgg
CSS
0 vote278 views1 answer
Why is there whitespace on the top
CSS
4 votes287 views2 answers
Alternate table row color css
CSS
17 votes330 views2 answers
Linking css
CSS
0 vote297 views1 answer
Css remove scrollbar from body
CSS
2 votes302 views2 answers
Remove input styling
CSS