Back to Animations
Scroll Page Turn
滚动翻页
Scroll-driven 3D page turn effect where sections flip along the Y-axis like book pages, revealing the next section beneath. Uses sticky positioning to lock the viewport, combined with perspective and rotateY for a cinematic page-turning experience.
ScrollOn ScrollAdvancedGPU Accelerated
Preview
Code
Duration
continuous
Easing
cubic-bezier(0.32, 0.72, 0, 1)
CSS Properties
transform, opacity, box-shadow
Use Cases
- Product launch storytelling pages
- Portfolio case study transitions
- Immersive brand narrative sites
- Full-page scroll experiences