[resizing issue when using matchMedia() from desktop to mobile]

Solid this fixed it. Thanks!

[resizing issue when using matchMedia() from desktop to mobile]

hmm, it seems to me that it does not like what I am initializing the useRef hook with. 

[resizing issue when using matchMedia() from desktop to mobile]

Hi as I have mentioned above, that does not work.
It returns this Error: 

TypeError: Cannot read property 'style' of null

 

[resizing issue when using matchMedia() from desktop to mobile]

Thanks for the fast reply,

After watching the video it explained exactly the error that is happening to me.
I have added the `.saveStyles()` method but still have the same error. 
is it possible that I have the wrong syntax? I have tried: 

here is my updated https://codesandbox.io/s/strange-firefly-5mtce?file=/src/App.js

ScrollTrigger.saveStyles("maskImageRef.current, contentRef.current")

and 

ScrollTrigger.saveStyles([maskImageRef.current, contentRef.current])

 

 

[resizing issue when using matchMedia() from desktop to mobile]

Hello,
I have made replica of my code to show the issue that I am having.

https://codesandbox.io/s/strange-firefly-5mtce?file=/src/App.js
Do not mind the mask not being in the center for that is not the problem.. 
When resizing the window from desktop TO mobile, the `<a>TESTING</a>` does not appear. 

when i inspect it with the dev tools it shows `opacity: 0;` 
I am trying to disable all scrollTriggers and timelines when mobile.
Any help would be gladly appreciated. THANKS

See the Pen App.js by s (@s) on CodePen

[Animating background-clip to content-box]

Hey actually i've noticed something, when I am scrolling back and forth the  scale: 4  actually lags the scrolling..
What can i do to fix this?

thx.

[Animating background-clip to content-box]

I created something that i am satisfied with using a clipPath. Thanks for the advice. 

 

Dunno if it can get any smoother or if my practices were best. Let me know if not I guess you can close this. ✊

[Animating background-clip to content-box]

Ok thanks, but how about the transition of text to full video?

[Animating background-clip to content-box]

wow, thanks for the fast reply.
I imagine the entire text to zoom out until the entire vid is width and height 100% basically exactly how you described.

 

How would I got about this? 
 

[Animating background-clip to content-box]

Hello Gsappers,
How could I transition the mask to be smoother from  text, to content-box. 

It is also not transitioning back to original form.

I’m not sure if this is the best method in doing this so I am open to other ways. 
This code was transferred from a React.js project onto the codepen link provided.  

See the Pen mdPJZxy by Aereli (@Aereli) on CodePen