Как с помощью CSS обвести блок текста маркером?

Question

[Полина]

Имеется в виду не выделение текста

А именно эффект такого выделения

Но как-будто кто-то маркером выделил


Картинки в качестве примера предоставила.
Гуглила и что-то никак не могу ничего найти, хотя где-то когда-то такое видела.

Answer 1

[Полина]

В итоге, взяла за основу этот пример и сделала так:

Answer 2

[Eugene Chefranov]

Как то так https://codepen.io/chefranov/pen/BxrdME

Comments

[Полина]

Спасибо за решение, но мне нужен не сомкнутый овал :(

[Eugene Chefranov]

Полина, тогда в векторе нарисовать такую обводку и через псевдо элемент накладывать и растягивать

[Eugene Chefranov]

Полина, добавил второй пример с картинкой https://codepen.io/chefranov/pen/BxrdME

[Полина]

Eugene Chefranov, вот и думаю, что все таки придется с картинкой делать. Спасибо

Answer 3

[Максим Тимофеев]

https://codepen.io/wokster/pen/jxzGNb
если линии поизощреннее - то svg

Comments

[Полина]

Спасибо. Думаю, что придется картинкой делать

[Максим Тимофеев]

Полина, картинкой? фу какая гадость. Чем svg не угодил?

[Полина]

Максим Тимофеев, в итоге, взяла за основу этот пример и сделала так: