Я пытаюсь добиться этого на всех моих субтитрах h2 на всем моем веб-сайте (в css):
h2 с неровной границей
Я хочу наложить на мой текст такой эффект sh bru. Для меня важно, чтобы граница была нерегулярной, и я получал эффект текстуры.
Самое сложное, что я хочу, чтобы этот фон находился только под буквами. Мне не нужен прямоугольный angular фон, закрывающий ту часть, где нет буквы. Не то: Я не хочу прямоугольник
К сожалению, это возможно только с текстом в display: inline;
Еще больше усложняет то, что я не хочу определять последнее слово каждой строки. Основная причина в том, что я меняю стиль сразу для сотен H2 на всем своем сайте. Замена html внутри каждого из них займет целую вечность и вообще не будет реагировать. Таким образом, изменение html моего h2 невозможно:
<h2>
<span>Fist line</span>
<span>Second line</span>
<span>Third line</span>
</h2>
Я пытался поиграть с обрезкой границ и несколькими фоновыми изображениями, но до сих пор ничего не работало.
Есть ли здесь гений, который знает решение?