Streaming live at 10am (PST)

Use gradient colour on font heading


#1

Is it possible to apply gradient on headings?


Gradient Color Options on Text
#2

Yes, very much possible with CSS3, however you need to use custom code for this.

Please take a look at this article https://css-tricks.com/snippets/css/gradient-text/

You will need something like this (change the color hex codes and class name):

.my-element-class {
  background: -webkit-linear-gradient(90deg, #eee, #333);
  background: -moz-linear-gradient(90deg, #eee, #333);
  background: -o-linear-gradient(90deg, #eee, #333);
  background: -ms-linear-gradient(90deg, #eee, #333);
  background: linear-gradient(90deg, #eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.