Css3 background image curve

body {
  margin: 0;
  background: red;
}

div#back {
  position: relative;
  height: 200px;
  background-image: url(http://wearepeak.co.uk/wp-content/uploads/2016/02/testimonial.jpg);
  width: 100%;
  border-bottom-left-radius: 70% 60px;
  border-bottom-right-radius: 30% 10px;
}

Source: stackoverflow.com

Similar codes

1 vote110 views3 answers
Css for bigger screen size
CSS
0 vote107 views1 answer
Truncate multiline text
CSS
0 vote100 views1 answer
React how to wrap
CSS
2 votes105 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
2 votes110 views1 answer
Hover effect button css
CSS
0 vote110 views1 answer
Spree_digital
CSS
0 vote94 views1 answer
Border 1px thick
CSS
0 vote93 views1 answer
Css rich text editor tailwind
CSS
16 votes95 views2 answers
Css hiddden
CSS
7 votes107 views6 answers
Css background overlay
CSS