Как сделать фон с кривыми снизу? [закрыто]

Я хотел знать, как я могу сделать эти кривые даже на изображении?

enter image description here

-8
задан Temani Afif 8 July 2019 в 09:11
поделиться

1 ответ

Можно также использовать svg для этого.

.background-img {
  background-image: url(https://cdn.pixabay.com/photo/2018/01/12/10/19/fantasy-3077928_960_720.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  position: relative;
}

#bigHalfCircle {
  position: absolute;
  bottom: 0;
}

#bigHalfCircle path {
  fill: #fff;
  stroke: #fff;
}
<section class="background-img">
  <svg id="bigHalfCircle" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none">
    <path d="M0 100 C40 0 60 0 100 100 Z"></path>
  </svg>
</section>

<section class="background--color" style="background-color: #fff; height: 500px;">
</section>
1
ответ дан 5 September 2019 в 20:35
поделиться