Как скруглить блок внутрь?

Необходимо скруглить угол внутрь, как показано на скриншоте, но надо учитывать то, что может быть фоновое изображение секции, на которой находится этот блок.
609fe5db5604b008938909.jpeg
  • Вопрос задан
  • 303 просмотра
Пригласить эксперта
Ответы на вопрос 2
xXLareMoonXx
@xXLareMoonXx
Ответ написан
Комментировать
weranda
@weranda
Варианты:
1. Создать два блока внутри и их псевдоэлементам указать абсолютное позиционирование по углам (по два на каждый). Кругам задать цвет фона.
2. Создать четыре блока внутри, разместить их в углы и закруглить один из их углов.
3. Разместить картинки (png, svg и пр.) в углы.
4. Использовать clip-path.
5. Использовать css mask-image.
6. Нарисовать SVG и задать его фоном блоку (растянууть во все стороны).
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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