Home » How to add Gradient in text – CSS3

How to add Gradient in text – CSS3

If you guys are thinking how to apply a gradient in the text, do not think much because it is possible and very simple. You just have to apply the following CSS3 rules.

				
					h6{
  background: -webkit-linear-gradient(#01fe9c, #fb04c5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
				
			

In this way, you can apply gradients in any text with the help of CSS3.

These days, gradients are being used a lot in modern websites and gradient makes websites look pretty good too.
However, some old Browsers do not accept the properties of CSS3. There are some CSS hacks are available which you can use easily. But many latest browsers are supporting CSS3 properties. Which is good.

Example:
This is a gradient text
About Author
Picture of W3Mind

W3Mind

W3Mind focuses on Blogging, Make Money Online, SEO, Business Blogging, Social Media, WordPress, Internet Tools, Web Design and Development.
Give it a Share
Facebook
Twitter
LinkedIn
You May Also Like
How to
START A
BLOG
(step by step)
Load WordPress Sites in as fast as 37ms!