How to apply linear-gradient to the text?

Question

Using CSS3, linear-gradient.

Answer 1

h2{ background: -webkit-linear-gradient(red, yellow); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

Answer 2

<< @Dayve And if the text has already gradient background? >>

Set a parent container to it, apply background gradient to parent, and text and its gradient to child ^^

<div class="myBGgradient"><div class="myTXTgradient">some text</div></div>

Answer 3

@Dayve And if the text has already gradient background?