Split Screen Image Transition On Scroll

Image: Split Screen Image Transition On Scroll GIF

A fancy image slider where you have 2 images side by side and when you hover over them it expands into the other image’s section and on scroll, the image is split into multiple rows and it slides in the next image with a slight delay for each rows’ transition. It was designed by Yugam

If you are having trouble with the pen, try the archived copy on GitHub

Split Screen Image Transition Snippet

See the Pen Image Transition On Scroll(GSAP) by Yugam (@pizza3) on CodePen.0

scroll to top