70 Trns.
Transitions/Page Curlpaper

Page Curl

A realistic page curl effect using CSS 3D transforms

Studio 01 / Works
Featured Case Study

Monolith &
Shadow Form.

Exploring the intersection of raw concrete, exposed geometry, and digital minimalism.

Transition Overview

Simulates the physical act of turning a page using pure CSS 3D transforms — no WebGL required. The curl direction and perspective are fully configurable, creating a tactile, book-like experience.

60 FPS

GPU-Accelerated Compositing

~0.7kb

Gzipped Size

Medium

Complexity

Ideal Use Cases

01

E-book and reader interfaces

02

Portfolio and lookbook pages

03

Editorial and magazine layouts

Best For

E-booksPortfoliosMagazinesEditorial

Related Transitions