Как реализовать подчёркивание текста градиентом в 15 px?

Question

[Боб Семович]

как реализовать такое?:

Тут обычный border не подходит, потому что текст переносится на другую строчку.
какие css средства могут сделать такое подчёркивание?

Answer 1

[Антон Усачев]

Comments

[origami1024]

только с каждой строчки цвета заново не начинаются, как в примере опа(

[RAX7]

Дополню ответ полезной ссылкой
https://css-tricks.com/multi-line-inline-gradient/

[Figment]

origami1024, это сарказм?
Просто надо в строчке поставить два одинаковых значения цвета, без перехода.

background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #30e8bf, #ff8235);

Поменять на

background-image: linear-gradient(transparent, transparent),linear-gradient(transparent, transparent),linear-gradient(to right, #30e8bf, #30e8bf);

[origami1024]

Figment, нет, редко использую градиенты, сразу не понял фишки)