Marketplace
Made in Webflow

Sticky Project Teaser Image Scroll Animation

3204 views
site profile thumbnail

Description

A split screen design, where on the left side the text is scrolling and on the right side the project image stays sticky in the viewport and is changing depending on the project teaser and scroll position. Remember that you have to adjust the interaction as soon as more teasers are added! Tutorial: https://youtu.be/iJzYIk34qPM
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

stickystickycardsstickycolumnsteaserscrollscrollanimationpositionstickysplitscreentutorialsplitsticky-scrollside-menuimage-animation

More by Jonas Arleth

See profile
View details
Free Grid Design Template (CMS ready)
395
1.1k