The other day I looked at the beautiful website of Elias & Valentin and fell in love with that nice tilted image grid that animates on scroll. The look and feel of a grid like that is super fashionable right now so I wanted to explore this and other layout variations I stumbled upon.
For the scroll animations I used Locomotive Scroll which is a really fantastic library when it comes to smooth scrolling and on-scroll animations.
The tilted grid from Elias & Valentin allows for a fun play with the directions of the animation.Another interesting layout to play with is a 3D grid.One line “grids” can simply be animated horizontally.
Check out the GitHub repo of Locomotive Scroll to see how simple it is to use the library.
I really hope you find this set interesting and useful 🙂
ML is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.
Codrops uses cookies for its advertisement solutions and for analytics. We hope you're ok with this, but you can opt-out if you wish. Read our Privacy Policy and Cookie Policy. OK
