recipe.expand.collapse · dur-base

展開・折りたたみ

階層の展開・折りたたみ関係を伝えます。

ads-motion-expand

ライブ表示

rule.motion.purpose-first
展開・折りたたみ

ads-motion-expand · dur-base

expand

使用できる場面

  • アコーディオン
  • 開閉領域
  • ナビゲーションツリー

使用しない場面

  • 領域を確保しない全画面のレイアウト移動

パフォーマンス

grid-template-rowsまたはmax-heightを慎重に扱います。

動きを減らす場合

高さを即時に切り替えます。