Just lately, I got here throughout some nice inspiration for 3D animations. There are such a lot of potentialities, however it may be tough to seek out the appropriate steadiness and never overdo it. Something 3D on an internet site appears particularly spectacular when scrolled, because the movement reveals the magic of 3D to our eyes, regardless that the display screen is flat (nonetheless) 🙂
This one gave me a number of inspiration for an on-scroll impact:
After which this superior reel by Thomas Monavon, too:
So right here’s a small scroll experiment with rotating 3D panels, together with a web page transition animation utilizing GSAP:
You’ve certainly heard the information that GSAP is now fully free, which suggests we are able to now use these nice plugins and share the code with you! On this particular instance, I used the rewritten SplitText and SmoothScroller.
That is only a proof of idea (particularly the web page transition).
I actually hope you take pleasure in this and discover it inspirational!