recipe.enter.fade-up · dur-base

表示

レイアウトを揺らさず、新しい内容の登場を伝えます。

ads-motion-enter

ライブ表示

rule.motion.purpose-first
表示

ads-motion-enter · dur-base

enter

使用できる場面

  • モーダル
  • トースト
  • ページ内セクション

使用しない場面

  • 注意を奪い続ける無限ループ

パフォーマンス

transformとopacityだけを使います。

動きを減らす場合

不透明度を即時に切り替えます。