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

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.