This content originally appeared on Codrops and was authored by Mary Lou
Today I’d love to share a little layout with you where we have some fun on-scroll animations going on and an overview switch. The idea is to have a view switch which allows the layout (specifically the images) to change into a grid. The switch is made with the help of GreenSocks’ Flip plugin and we use Lenis for the smooth scrolling.
Our initial layout looks as follows:
While scrolling, a few things happen. The titles next to the images will be hidden and we also have a marquee that moves across the page.
Once we click on the switch, all images will animate to their position in the grid:
I hope you like this little layout and find it useful!
This content originally appeared on Codrops and was authored by Mary Lou
Mary Lou | Sciencx (2022-10-05T11:04:34+00:00) On-Scroll Animation and View Switch. Retrieved from https://www.scien.cx/2022/10/05/on-scroll-animation-and-view-switch/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.