Scroll-Driven Zoom Effect in CSS
Gekke zoom dingen by Cyd Stumpel on CodePen
Open on CodePen ↗The Dutch title means roughly 'crazy zoom things'. As you scroll, you zoom deep through layers in an effect that feels a bit like parallax, but different.
Cyd Stumpel combines scroll-driven animation with the CSS zoom property and scale.
scroll-drivenanimation-timelinezoomscale
The modern.css newsletter
New CSS each month, and new things in the Atlas. 806 subscribers. Past issues
More like this
See all →- scroll-driven
by Chris BolsonCircular typographic scramble
Scroll and scattered letters snap into a circular sentencescroll-driven3Danimation-timelinesibling-index() - 3D
by Amit SheenDepth scrolling
Scroll forward through panels set at different depths3Dscroll-drivenperspectivetransform - art
by Ben EvansKing of Hearts on scroll
A drawn playing card that turns as you scrollartscroll-drivenanimation-timelinebox-shadow