Animation Presets

View transition animation presets applied via data-vt-class. Click "Trigger" to see each preset using document.startViewTransition().

Slide Left

data-vt-class="slide-left"

Content A

Slide Right

data-vt-class="slide-right"

Content A

Scale

data-vt-class="scale"

Content A

Fade

data-vt-class="fade"

Content A

None

data-vt-class="none"

Content A

Default (Crossfade)

No data-vt-class — browser default

Content A