Mike_Ro
@Mike_Ro
Зеленая, зеленая трава...

Как вырезать кусок из фона, который задан цветом?

Всем привет!

Имеется первый блок с bg-изображение. Слоем выше находится следующий-второй блок, но с уже bg в виде #fff, т.е. первый блок с фоном #fff перекрывает собой второй блок с bg-изображение.

Имеется-ли возможно вырезать часть фона второго блока так, чтобы мы через это `отверстие` увидели изображение первого блока?

Скрин-пример:
5a81e80ac9fcf285789951.jpeg

Спасибо!
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
alsolovyev
@alsolovyev
свойства clip и clip-path(проще будет подготовить маску и по ней вырезать)
https://www.sarasoueidan.com/blog/css-svg-clipping/

<svg>
  <defs>
    <clipPath id="clipping">
      <polygon points="98.4999978 153.75..."/> // ваша маска
    </clipPath>
  </defs>
</svg>


.item {
  clip-path: url(#clipping);
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.