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

Question

[Роман Турусов]

Нужно чтобы например вместо черного цвета текста был градиент, радужный градиент.
примерно как на картинке

Comments

[Степан Крапивин]

https://rainbowcoding.com/2011/12/02/how-to-create...

[Роман Турусов]

Степан: спасибо большое за полезный ресурс, хотелось бы наклонный градиент в тексте, например как наложение слоёв в photoshop

[Роман Турусов]

На картинке не очень хорошо видно, там градиент под углом расположен

Answer 1

[Роман Турусов]

Вот нашел ответ на свой вопрос, линейный градиент под углом, может кому будет полезно. Грубо, без шрифта, но работает.
<h1 id="lin">ROMAN TURUSOV</h1>

#lin{
	background-image: -webkit-linear-gradient(70deg, red,green,blue,purple,orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 65px;
	text-align: center;
	width: 620px;
}

Answer 2

[Кирилл Мартынов]

h1 {
  background: -webkit-linear-gradient(#f2c, #666);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

дальше тестируйте с цветами

Comments

[Роман Турусов]

Спасибо за полезный кусочек кода, только, на картинке возможно не видно, градиент идет под углом. У меня была мысль может сделать с помощью наложения blend-mode, только хотел узнать есть ли возможность с помощью css это сделать.