How to add a linear gradient to text in Tailwind CSS?

Question

How to add a linear gradient to text/a heading in Tailwind CSS?

I was only able to add it to the background using this:

<h2 className="text-4xl w-full text-white font-extrabold bg-gradient-to-r from-sky-500/20 to-sky-500/75">
       Welcome To <br /> My Personal PortFolio 
</h2>

Answer 1

I had figured out a way after an hour's hustle.

<h2 className="text-4xl w-full text-transparent bg-clip-text font-extrabold bg-gradient-to-r from-white to-sky-500/10 p-2">
       Welcome To <br /> My Personal PortFolio 
</h2>