Как сверстать подобный блок?

Question

[MaxKeany]

Добрый день! Подскажите, как сверстать подобные элементы в углах блока?

Comments

[RyDVi]

1. Если это на каком-то сайте, то можно просто посмотреть как они это сделали
2. Можно попробовать задать внешнему блоку background, а поверх него разместить два див блока белых со скруглениями

Answer 1

[Антон Антон]

я тупо добавлял внутренние скругления блоками с clip-path:

.clip-bl {
  width: 20px;
  height: 20px;
  clip-path: path("M 0 0 a 20 20 0 0 0 20 20 h -20 v -20");
}

но можно и одним большим clip-path сделать, наверное единственный способ, если там тень или сложный фон. с горсточкой js для формирования размеров, если они динамические.

Comments

[Adamos]

А если размеры не динамические - проще сделать картинку с вырезами сразу, в растре ;)

[Ankhena]

Ещё проще две svg по углам текстового блока добавить. Адаптивно, динамично и всё такое.