How to make preloader transitions using gsap
Hi, I am very new to gsap and trying to make a preloader transition to the page. but, I've never made any transition before not know how to make it. I wanted to achieve the transition achieved in this website. https://adrienlaurent.fr/.
and also if i get some advices and some tips on how to make your own custom page transition using gsap would be appreciated 🙏
this pen has the preloader and some images i want to have a preloader transition to the page like the way it is i
Hey @whizzbbig I created a very small demo for you.
See the Pen fa5f335f743d719744d4f34243a2250f by nicofonseca (@nicofonseca) on CodePen
To create this type of animation you'll need a loading animation and an entrance animation. So, when all the images are loaded or the loading animation finished you'll start the entrance animation.
And you don't need the setTimeout() 🙂
For the shape effect you shared, you can use:
