Как сделать прозрачность текста по краям?

Question

[MagnoliasFlwrs]

Здравствуйте! необходимо реализовать прозрачность по краям блока для списка, подскажите, пожалуйста, как это можно сделать, буду очень признательна !

Comments

[sharpsss]

Ну смотри, зайди в фигму сделай такую же прозрачность потом скопируй оттуда код и вставь в свой CSS, вуаля, готово

Answer 1

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

Для таких целей идеально подходит -webkit-mask, особенно если фон не однородный:

Comments

[MagnoliasFlwrs]

спасибо вам огромное!

Answer 2

[GeKskill]

Это не прозрачность, а градиенты ( от белого к прозрачному) на псевдоэлементах before, after