3D Scroll Zoom with Scroll-Driven CSS
3D spatial scroll zoom by Adam Argyle on CodePen
Open on CodePen ↗Scrolling moves you forward through content set out in 3D space. Adam Argyle combines scroll-driven animations with 3D translations and opacity to get the effect in pure CSS.
3Dscroll-drivenanimation-timelineperspective
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 Cyd StumpelGekke zoom dingen
Scroll to zoom deep through layers, parallax with a twistscroll-drivenanimation-timelinezoomscale - scroll-driven
by Chris BolsonCircular typographic scramble
Scroll and scattered letters snap into a circular sentencescroll-driven3Danimation-timelinesibling-index() - 3D
by Ben Evans3D room
A furnished room in 3D, made only with HTML and CSS3Dartperspectivetransform-style