Как сделать текст градиентом?

Question

[mindx]

Нужно сделать текст градиентом, но что-то у меня не получатся, что не так ? https://codepen.io/Mindx/pen/RMJpyN

Comments

[Владислав]

Ты хочешь градиент по ширине текста? Если да, то display: inline;

Answer 1

[Василь Бойко]

https://codepen.io/anon/pen/PRamzm

Comments

[mindx]

Спасибо.
Я думал, less сам префиксы проставляет...

Answer 2

[Dnebl]

https://css-tricks.com/snippets/css/gradient-text/

Answer 3

[Benkovski Fischer]

Добавляешь <code>-webkit-background-clip: text</code>
чтобы обрезал фон по тексту.
и
background-text-fill-color: transparent
делая текст прозрачным чтобы фон проглядывал через него.
а дальше

linear-gradient: (угол, начальный цвет, конечный цвет);

подробней тут https://html5book.ru/gradient-dlya-teksta/
вот я форкнул https://codepen.io/Fischer1/pen/aYKRjz