This may be a bug, but I am not sure. I've been trying to get a background gradient to be clipped by text with "background-clip: text", and it's supposed to create a nice scrolling effect where the gradient scrolls but the text stays with the page like the gif below. the desired effect, the gradient scrolls, and is clipped by the text
`b {
background: linear-gradient(to top, red, green) fixed;
background-clip: text;
color: transparent;
}`
That's it, and it worked in that gif, but not for me.
I tried using -webkit-background-clip and -webkit-text-fill-color: transparent, but it didn't work. Also some shenanigans with b::before
`b {
color: transparent;
position: relative;
}
b::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(red, green);
}`
I've been looking for days and noboddy else seems to have this problem. If it's a bug, any other solutions are well apreciated!
