# Diagonal Page Transition (Vanilla)

Details page: https://www.details.so/vault/page-transition-12
Category: Page Transition
Access: Max, Team and Lifetime plans
Published: 2026-09-08

Diagonal Page Transition (Vanilla): production-ready page transition code you can copy and paste into your own project.

## Preview
![Diagonal Page Transition (Vanilla)](https://www.details.so/vault-previews/page-transition-12/preview.webp?v=2026-09-07T11%3A02%3A36.293Z)
Preview video: https://www.details.so/vault-previews/page-transition-12/preview.mp4?v=2026-09-07T11%3A02%3A36.293Z

## For AI agents
This page is a public summary. The implementation prompt, documentation and copy-ready code for this resource are available through the Details MCP server on Max, Team and Lifetime plans.
- Call `get_vault_resource` with the slug `page-transition-12` and `content: "implementation"`. A supplied slug is already a selection; do not call `search_vault` first.
- Not connected yet? Setup guide: https://www.details.so/mcp.md