How to create text behind image

[kaii299]

How to create text behind television screen effect when scrolling like https://www.danielspatzek.com about Page

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[Rodrigo]

Hi,

 

That is in no way a simple thing to achieve.

 

I inspected the site (something I'd strongly recommend you to do when you find something that you want to know how is done) and the television is inside a canvas element, so obviously the canvas is transparent and in the image that has the TV, the screen has been cut off so that creates the masking effect.

 

Hopefully this helps.

Happy Tweening!