Quick Tip: Pure CSS Text Gradients


This Cyber Monday Envato Tuts+ courses will be reduced to just $3. Don't miss out.

With the latest advancements in CSS, we now have access to powerful styling techniques, including box shadows, rounded corners, background gradients, etc. However, we don't currently have the ability to apply gradients to the text itself. Luckily, with a bit of trickery, we can force this effect -- at least in webkit browsers! I'll show you how in today's video quick tip.

4 Minutes: Video Tutorial


Final Code

I originally learned this technique from the guys over at Be sure to visit their website to learn more! So what do you think?