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 🙂
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 🙂