[Fade In and Fade Out while using ScrollMagic]

6 hours ago, PointC said:

I'd echo @Sahil's advice about checking out the ScrollMagic demos and creating separate scenes. That being said, you can make it work with one timeline like you have it now. You'd just add your title fade tweens and some position parameter labels. 

 

See the Pen vayLYy by PointC (@PointC) on CodePen

More info about the position parameter:

https://greensock.com/position-parameter

 

Happy tweening.

 

I will definitely check the examples but your edit is pretty much what I'm trying to achieve. Thank you so much!

[Fade In and Fade Out while using ScrollMagic]

15 hours ago, Sahil said:

ScrollMagic supports horizontal scrolling, you need to set vertical property to false when defining controller.

 

http://scrollmagic.io/examples/basic/going_horizontal.html

 

Take a look at following thread for how you can scroll horizontally using mouse wheel.

 

 

Using ScrollMagic horizontally will let you define your scenes as you want. Take look at other demos in the scrollmagic's examples page, it covers almost all possible scenarios.

I will definitely check the examples. Thanks for the advice.

[Fade In and Fade Out while using ScrollMagic]

I'm trying to make the slides title fade out / fade in (next one) when I have half of each slide on my screen. Is it possible? I couldn't find an example for this kinda of tweenig.

See the Pen YjGYRa by anon (@anon) on CodePen

[Move menu after reaching section]

I'm working on something like a full screen sections with a big menu that scrolls to left/right depending on the section but I can't get it right. Basically, when the first section ends I want the menu to translate to left and when I scroll up I want it to translate back to right. How can I achieve this? It's something like this http://en.leningrad.io/

See the Pen jZwzex by anon (@anon) on CodePen

[Any tutorial to learn making website animation transition like 7up.nl?]

14 hours ago, Carl said:

HI Noeyeat, Welcome to the GreenSock forums.

 

In such a case as this it would be better to start a new topic. That said, I'm really not sure what section you are talking about on that site. Perhaps a screenshot would help. As an award-winning site, the effects are fairly complex, so we may be limited in how much we can dissect that site and advise. Perhaps after we know exactly what you are asking about we will have a better idea.

Thanks Carl,

 

I've created a topic right here: 

I've also posted some pictures to demonstrate my point.

[Any tutorial to learn making an animation like hpmagicwords.com.br?]

Quote

 

Guys, I've been using Petr videos on YouTube to learn more about GreenSock but I don't get it how they've done the 50% image / 50% text section on this site: https://www.hpmagicwords.com.br/. It seems like the position is fixed but I simply don't get it how it is done.

 

Any ideia that can help me get started??

 

 

So this is the thing I was talking about, the image comes downwards while the text comes upwards until they reach the bottom/top of the page:

 

[Any tutorial to learn making website animation transition like 7up.nl?]

Guys, I've been using Petr videos on YouTube to learn more about GreenSock but I don't get it how they've done the 50% image / 50% text section on this site: https://www.hpmagicwords.com.br/. It seems like the position is fixed but I simply don't get it how it is done.

 

Any ideia that can help me get started??