recipe.shared.layout · dur-base

shared-layout

Morph shared elements across states

ads-motion-shared

Live demonstration

rule.motion.purpose-first
shared-layout

ads-motion-shared · dur-base

shared-layout

Allowed

  • card→detail
  • thumbnail→lightbox

Prohibited

  • unrelated elements sharing layout ids

Performance

One shared element at a time preferred

Reduced motion

Cross-fade only