Как навесить svg маску на текст?

Question

[Никита Нафранец]

Есть слово "TEXT". Есть Svg файл с градиентом. Как мне навесить этот svg файл на слово текст?
Вот код svg и держу я его в файле text-gradient.svg

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" >
<defs> 
<linearGradient id="lgrad" x1="50%" y1="0%" x2="50%" y2="100%" > 
<stop offset="0%" style="stop-color:rgb(46,73,152);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(1,142,210);stop-opacity:1" />
</linearGradient> 
</defs>
<rect x="0" y="0" width="100%" height="100%" fill="url(#lgrad)"/>
</svg>

css.yoksel.ru/css-and-svg-masks нашел такую статью, но я не могу ее осилить. Она для продвинутых, которые знают, что такое svg. Я вообще не понимаю. Помогите, пожалуйста. Заранее спасибо.

Answer 1

[Anna_BS]

Вот текст с Вашим градиентом

Comments

[Никита Нафранец]

Спасибо, изучу ваш пример.