How to make spalsh animations between internal pages?

[PinkMeNow]

I would like to make a spalsh screen animation between internal pages?
I cannot even figure where to start. I tried searching the net but maybe Im searching for incorrect search terms or using wrong wording.

 

Im looking for something like this (try browsing a bit)

I'm not looking for a code just that I would appreciate help to just point me in the right direction. But also any code example is welcome.

Thanks.

[mvaneijgen]

For the loading of content that is not really something GSAP can help with.

 

How ever what you can do is add a class to the body which hides everything you want to hide and then do some animation and onComplete of that animation remove the class that hides everything. This class that hides everything could also set it so that the body can't scroll, you could do this multiple ways, setting overflow-y: hidden to the body or with JS just fully block everything that has to do with scrolling, but again those are things not really GSAP related. 

 

Hope it helps and happy tweening!