0

How to apply gradient for text in all browser in CSS3, I tried:

b {
   text-style:gradient;
}
perror
  • 7,071
  • 16
  • 58
  • 85
Akash Jagtap
  • 13
  • 1

1 Answers1

0

Hope this may help. Regarding browser support - Firefox, Chrome and Safari support the unofficial -webkit-background-clip: text (only with prefix). https://caniuse.com/#search=-webkit-background-clip 

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
<h1>Text Gradient</h1>
Praveen Murali
  • 701
  • 3
  • 9