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

4 votes265 views2 answers
Css blink
CSS
0 vote347 views2 answers
List-style-image size
CSS
12 votes291 views4 answers
Padding in one line
CSS
0 vote293 views2 answers
Skeumorphism box shadow
CSS
8 votes287 views6 answers
Overlay css background image
CSS
0 vote311 views1 answer
Vue center components in body
CSS
161 votes390 views4 answers
Link external css
CSS
0 vote290 views1 answer
Table td data in middle
CSS
9 votes306 views3 answers
Css grid repeat
CSS
1 vote299 views1 answer
Ionic textarea placeholder color
CSS