Задать вопрос
Mike_Ro
@Mike_Ro
Python, JS, WordPress, SEO, Bots, Adversting
css

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

Всем привет!

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

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

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

Спасибо!
  • Вопрос задан
  • 336 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 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);
}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Разработать несистемный алерт
19 апр. 2024, в 20:11
500 руб./за проект
Ещё заказы