Как сделать плавное затухание последней строки в тексте?

Question

[Return Me Void]

Есть inline текстовый элемент. Нужно сделать, чтобы последняя строка в тексте плавно теряла цвет текста на конце.

Моя текущая реализация с костылём - нужно указывать цвет заднего фона текста (в примере это "lavender"):
Текущая реализация

Задача: Сделать реализацию без надобности вручную указывать цвет заднего фона текста.

Comments

[Сергей delphinpro]

почему костыль-то? Стандартное решение для таких случаев.
Если нужен переход в реальную прозрачность, то можно попробовать svg-фильтры. но опять же инлайн элемент. хз что получится.

[Return Me Void]

Сергей delphinpro, вот всё упирается в инлайновость) Так бы уже давно сделал

Answer 1

[Виталий Першин]

Comments

[Return Me Void]

лучший!

[Return Me Void]

а я думаю, почему у меня c mask не получалось - я inline-block ставил...