Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

background-clip: text not working properly

  • No replies
  • 0 have this problem
  • 8 views
p.codrin.alexandru
p.codrin.alexandru
more options

I have some headings with a class named gradient__text that don't display properly. this is the css rule: .gradient__text { 

 background: var(--gradient-text);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;

}

and --gradient-text: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%);

I looked up online and couldn't find any fix for this issue. I tried to view see if this issue persists on other websites and for my surprise my website is the only one that doesn't work even if I tried using the same css rules that I took from other websites using inspect.

The site is up on: https://pwstrials.pavels.ro

I have some headings with a class named gradient__text that don't display properly. this is the css rule: .gradient__text { background: var(--gradient-text); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } and --gradient-text: linear-gradient(89.97deg, #AE67FA 1.84%, #F49867 102.67%); I looked up online and couldn't find any fix for this issue. I tried to view see if this issue persists on other websites and for my surprise my website is the only one that doesn't work even if I tried using the same css rules that I took from other websites using inspect. The site is up on: https://pwstrials.pavels.ro
Attached screenshots