Marketplace
Made in Webflow

Pure CSS Scroll Snap Action like Scrollify

3942 views
site profile thumbnail

Description

CSS Scroll snapping locks the position of the viewport to specific elements on a scrollable container. It's like putting a magnet on top of the top of a section that forces the page to stop scrolling right there. The property «scroll-snap-type» gives a pure-CSS way to handle this behavior.
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.
scrollscrollifyscrollingsnapscrolleffectscrolleffectscsssnap-to-section

More by Philipp Roth

See profile
View details
Text reveal masking on scroll
110
213