[Change text color (mask) inside a circle]

Hi guys! So I'm almost done with my project but when I tried it on FireFox the masking is not working. Any reasons? Thank you for your help.

[Change text color (mask) inside a circle]

Finally got the right behavior that I'm looking. Thanks for your help guys

 

See the Pen GRQEPeL by andsien (@andsien) on CodePen

[Change text color (mask) inside a circle]

Thank you for your replies. What I'm trying to do next is make the circle bigger and move the text on scroll wheel. 

 

This is what I'm trying to achieve but with masking when text is inside the circle

 

See the Pen RwLJMeL by snorkltv (@snorkltv) on CodePen

[Change text color (mask) inside a circle]

5 hours ago, Cassie said:

This thread may help nudge you in the right direction though - 

 

Good luck!

 

based on this example the you have given. I did some little changes and were able to got this. Thank you.

 

See the Pen YzeQrMy by andsien (@andsien) on CodePen

[Change text color (mask) inside a circle]

1 hour ago, Cassie said:

This thread may help nudge you in the right direction though - 

 

Good luck!

 

thanks, this will help me point to the right direction. 

[Change text color (mask) inside a circle]

Hi all,

 

I'm new to gsap, I would like to know if it's possible to mask a running text change the color of the element that is inside the circle when its above div (circle). Please see attached image for reference.

 

Thank you and have a good day.

 

What I'm trying to achieve