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

0 vote167 views1 answer
Top down gradient css on body
CSS
19 votes97 views3 answers
Css round element
CSS
4 votes125 views2 answers
How to set text in center in flex item
CSS
0 vote104 views1 answer
How to loop a javascript array
CSS
1 vote104 views1 answer
Html how to use a background image fill not stretch
CSS
6 votes132 views3 answers
Css for safari only
CSS
0 vote116 views1 answer
Background url with color css
CSS
0 vote124 views3 answers
Navigation sidebar animated
CSS
3 votes119 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
2 votes118 views2 answers
Css display none transition
CSS