recipe.shared.layout · dur-base

共有レイアウト

状態間で同じ要素の位置関係を連続的に伝えます。

ads-motion-shared

ライブ表示

rule.motion.purpose-first
共有レイアウト

ads-motion-shared · dur-base

shared-layout

使用できる場面

  • カードから詳細への遷移
  • サムネイルからライトボックスへの遷移

使用しない場面

  • 無関係な要素への同一レイアウトIDの付与

パフォーマンス

同時に動かす共有要素は原則一つにします。

動きを減らす場合

クロスフェードだけを使います。