← Back to gallery
CSSFeatured

Shared Element Layout Transition

Progressively enhanced gallery-to-detail motion with same-document View Transition API fallbacks.

Duration
1s
Resolution
1440×900
Format
CSS
layout-transitionshared-elementview-transitions

Layout transition / shared element transition

View Transition API showcase

Reimplements same-document view transitions with a dense gallery, a featured destination, and stable fallbacks when the API is unavailable.

compact stack

Shared snapshot card

Gallery Grid

Keeps the cover, title block, and tags readable while the grid cell grows into a hero-sized card.

  • grid reorder
  • shared title
  • tag chips

Sidebar destination

Inspector Rail

Good for dashboards that pin one item while the surrounding collection continues to flow.

  • sidebar pin
  • preview rail
  • detail focus

Dialog landing

Modal Stack

Useful when you want a shared card to bloom into a higher-fidelity state instead of navigating away.

  • dialog bloom
  • overlay
  • context retained