Gradient text with CSS | CSS Tip of the Day #shorts

Gradient text can look awesome, but it's not super obvious how to do it. So we look at it in this short. Just be careful with your colors, and keep the font-size and weight pretty big or it tends not to be very readable.

[SuperVirus]

You should mention that webkit based browsers needs the -webkit prefix:
.gradient-text {
background-image: linear-gradient(90deg, red, blue);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}

[gbmingliang]

Tip of the day is a really good series to do.

[highfructosecornsyrup]

You know you’re becoming more skilled as a front end developer when you can start to accurately predict what Kevin is about to say! Thank you for being a part of my growth Kevin Powell!

[Colstonewall]

Damn, I didn't know that! Kevin, you straight CSS Gangster!

[alwinter]

I'm loving the #shorts format. I'm often too busy (writing CSS of course) to watch all of your videos but I will pretty much always watch one that's a few minutes long or less. Thanks for the tip!

[jameszaman]

That was truly amazing. In 51 seconds you showed me something that I always wondered about but never got around to search it. I would love more like this.

[maelstrom]

I'm saving this to a playlist. Will come in handy real soon.

[eip]

I never thought that it was just that simple. Thanks for this cool trick Kevin, stay awesome!

[johongirrahimov]

Keep these short series going which are to the point and saves a lot of time.

[itsme.scooter]

Thank you! Very short and to the point. I love videos like that.

[faktCheck]

Easy fix, good info. Enjoying these shorts ❤️

[ronilpatel]

Please continue to make like these shorts sir....

[eddymison]

he makes css look easier than it should be.

[caffeinated-pixels]

Short and sweet, and straight to the point. Love it!

[arabelllaxo]

pls do more of these css tip of the day shorts. they're amazing and soo helpful!

[lachee]

You have actual useful tips unlike most people on here! Awesome stuff

[sivavchandran]

Super useful stuff Kevin! Keep doing #shorts like these.

[keiferramos]

that was helpful and easy thanks powell

[chud]

Ooohh these shorts are great. I love watching your longer guides but these quick tips really make my brain think of so many possibilities in such a short time. More please :)

[mhdfr]

More like this pls!
#short simple and onpoint.