Как сверстать эту часть блока сообщения?

Question

[htmlclassic]

Попробовал как-то так, но всё равно не то; плюс пока не понимаю как это будет работать, если фон будет не однородного цвета, а что-то посложнее.

Comments

[Rustam Bainazarov]

Обычная картинка.

Быстро набросал, поэтому неправильная структура вёрстки, модификаторы и подход к стилизации. Идея, между тем будет понятна:


Нет возможности без визуальных хаков задавать общий фон для всего блока и уголка. Возможно, найдётся нормальное решение на масках, но я его не знаю. Проблема именно в закруглении.

Если не нужно закругление, то вот так, гораздо проще, с единым фоном, адаптивно под высоту и ширину:

[Василий Банников]

А как это сделано в телеге/Вацапе в вебе? Какая там структура?

[Rustam Bainazarov]

Василий Банников, в Telegram Web нет пузырей. В Whatsapp Web сделано с помощью картинки.

[Василий Банников]

Рустам Байназаров, ну видимо вот