This content originally appeared on Codrops and was authored by Mary Lou
Today I’d love to share some experimental scroll animations with you! The idea is simple: when scrolling a grid of images, animate the images that enter or leave the viewport in an interesting and creative way 
For these effects I’m using the super helpful ScrollTrigger plugin of GSAP and the new smooth scroll library Lenis by the amazing folks of Studio Freight.
When scrolling a grid layout, we can move, scale or rotate the images, there’s really endless possibilities! In this demo, we squeeze them:
In the following demo we add a 3D rotation effect, creating the illusion of something like a roll:
I really hope you enjoy this set of experiments and find it useful for your projects!
Thanks for checking by
The post Scroll Animation Ideas for Image Grids appeared first on Codrops.
This content originally appeared on Codrops and was authored by Mary Lou
Mary Lou | Sciencx (2022-05-31T11:36:54+00:00) Scroll Animation Ideas for Image Grids. Retrieved from https://www.scien.cx/2022/05/31/scroll-animation-ideas-for-image-grids/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.