Как сделать фон с закруглением у текста?

Question

[Михаил]

Как возможно сделать такой построчный блочный фон у текста с закруглением?
Понимаю что можно разбить строки на теги и сделать у строчки бордер-радиус, но тогда как быть с закруглением в другую сторону между строк справа?

Comments

[Ankhena]

На основе этого https://jsfiddle.net/7ezjfog6/
Внутренних скруглений так, конечно, не получится.
Но зато не нужно разбивать на спаны.

Answer 1

[lUser L]

https://codepen.io/5h4dy_s/pen/RwGjybx

Comments

[Михаил]

Супер. А как возможно кастомизировать уголок который делается с помощью svg?
Можете скинуть почитать информация по этой матрице с настройками?

[Михаил]

Я методом тыка подобрал нужные мне параметры, но хотелось бы подробнее почить про svg.
Если не сложно, киньте ссылку на статью пожалуйста

[lUser L]

Михаил, почитай про svg gooey filter

[DIMaslov1904]

Огромное тебе спасибо. 2 часа пытался разными способами это сделать. Начинал думать в сторону svg, но про такое не знал. Круто