AlesS

Hello @OSUblake. I have figured out the crossfade (propably). I have edited the Codepen. I am not sure if my hack with z-index is needed, but I added it because the absolute section was flashing over the first one. Did I do that right? What should I do next? Hook the Scrolltrigger to it, can you point me little bit please? I really appreciate your help.

Hello, at first I am sorry to use the forum as non skilled. And now to my scenario. I just don't know where should I start. I have my header and first section on the website. In this section, I want to have: Heading Button Button Image These should be visible when user open the website. When user start scrolling, then I want to change the content slowly (not parallax but some kind of blending) to the: Heading 2 Button Image After that, I would like to scroll normally to the other sections on the page. I want to do it slowly for image and faster for Heading and buttons. As I read some documentation, I already know I should use ScrollTrigger somehow and propably a pinning. I am completely new and my english is not so good. Can anyone help me plese? Thank you very much!