Block

Case Study Transition

Move between case studies with parallax, fade, or slide transitions. The next project is always one gesture away, no dead ends at the bottom of a case study, no hard cuts between bodies of work.

GET THIS BLOCK - FREE

Navigation Block · Block 06 / 09

← All blocks

CASE STUDY TRANSITION / LIVE

01 / Identity

Northwind

02 / Art Direction

Meridian

03 / Motion

Low Tide

Recreated for the web · ships as a native WordPress block

What you can control

Attribute	What it does	Default
`data-transition`	Transition style: parallax, fade, or slide	`parallax`
`data-duration`	Transition duration in milliseconds	`800`
`data-easing`	CSS easing function	`cubic-bezier(0.4, 0, 0.2, 1)`

Accessible: Case Study Transition respects prefers-reduced-motion and is fully keyboard-navigable. Focusable controls move between studies without trapping the cursor.