How can I apply gradient to font?

Question

I want some advice as on how gradient can be applied to font. I want my text to be multicolored.......😊

Answer 1

h1 {
font-size: 72px;
background: -webkit-linear-gradient(red, blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Answer 2

thanks a lot it works.... but after that the text-shadow won't 😂😂

Answer 3

Try

text-shadow: 4px 4px 4px black;