11 / 20

Transitions

View transitions on every navigation, chosen at runtime.

.phlo

// every navigation can play a view transition
view($this->slide($slug), trans: 'slide')

// or pick one at runtime and apply it on the spot
apply(inner: ['#deck' => $this->slide($slug)], trans: 'zoom')

// 19 transitions ship as resources:
// slide, zoom, flip, glide, ripple, cube, curtain, glitch ...

Pick a transition. It plays here and on every slide you move to next.

Auto Slide Zoom Flip Glide Ripple

Then use the arrow keys or the pager to feel it.