Advertisement
  1. Code
  2. HTML & CSS

Quick Tip: Pure CSS Text Gradients

Scroll to top
Read Time: 1 min

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

Screenshot

Final Code

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.