@myskif

Как делать такой фон?

Подскажите, как в css делать такие фоны?5e720e7c04d26485705127.jpeg
  • Вопрос задан
  • 341 просмотр
Решения вопроса 1
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
Clip-path.

<svg class="svg">
  <clipPath id="my-clip-path" clipPathUnits="objectBoundingBox">
    <path d="M0.394,0.391 L0,0.169 V0.853 L0.189,0.976 L0.356,0.803 L0.624,0.876 L0.729,0.788 L0.959,1 L1,0.893 V0.083 L0.964,0 L0.74,0.353 L0.596,0.212 L0.394,0.391"></path>
  </clipPath>
</svg>

<div class="clipped"></div>


.svg {
  position: absolute;
  width: 0;
  height: 0;
}
.clipped {
  width: 100%;
  height: 462px;
  background: url(ссылка-на-изображение-бекграунда);
  background-size: cover;
  -webkit-clip-path: url(#my-clip-path);
  clip-path: url(#my-clip-path);
}


Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Lord_Dantes
@Lord_Dantes
муз. канал t.me/blackstreet69th
Секции этого блока задаете свойство background, и вставляете картинку данного блока на фон.
Ответ написан
@KotKotov
Попробуй задать через CSS background - image, и не забудь источник для картинки указать (место где она лежит).
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы