Как реализовать прозрачный текст с градиентным фоном?

Question

[Borm]

Всем привет. Дизайнер нарисовала в макете такой блок:

Как реализовать данное решение с помощью css и js? Спасибо!

Answer 1

[ClassicRed]

попробуйте
css градиенты и -webkit-background-clip: text; - этот вариант для webkit браузеров, для остальных я наталкивался на реализацию с svg, сейчас уже не вспомню где
codepen.io/TimPietrusky/pen/cnvBk - скорее всего это вас интересует

Comments

[Borm]

А если не webkit браузер, то текст будет просто определенного цвета?