Scroll Text Background Image and Scale the Text at the same time

[Antonia Markova]

Hi, I am new in GSAP, I want to create a section where text background image will change while scrolling and at the same time the text should scale out.
Both are working one by one but not together.

In the demo it works, but if I uncommented these lines in the css:

/*             color: transparent; */
/*             background-clip: text; */
/*             -webkit-background-clip: text; */
/*             -webkit-text-fill-color: transparent; */

it is not working. 

See the Pen wvXjMPg by antonia-markova (@antonia-markova) on CodePen

[Cassie]

Heya, that's definitely an odd one, and also definitely a browser rendering bug.

(I removed GSAP and we just have a little scale on the spans now. If you uncomment that you'll see the text will disappear too)

I'm doing some googling to see if I can find an open bug report anywhere...

See the Pen KKeRMpP by GreenSock (@GreenSock) on CodePen