MotionLang

フィードバックと操作 · タップへの反応

トースト提示条

通知が下端から上がり、読み終わるまで止まり、また下がって消えます。三つの数字が使い勝手を決めます。入り 260ms(来たのが見えること)、保持 2400ms(読み切れること)、出 160ms(去るときに演出は要らない)。

ツールでこの項目を開く

使いどころ

「成功したが邪魔はしない」確認に使います(保存しました、コピーしました)。判断を求めるものには使わないでください。勝手に消えるので、読み終わる前に無くなります。それはダイアログの役目です。

パラメータ

transform: translateY 24px→0 · opacity 0→1 · 260ms ease-out · hold 2400ms · exit 160ms ease-in

レシピ

  1. トースト → transform: translateY 24px→0 · opacity 0→1 · 260ms ease-out · hold 2400ms · exit 160ms ease-in

AI に渡す一文

トーストを作ってください。translateY(24px) から 0 へ滑らせながら opacity を 0 から 1 へ、260ms の ease-out。2400ms 保持。その後 160ms の ease-in で 24px に戻しながら消します。出入りの時間差は意図的です。来るのは見える必要があり、去るのは素早くある必要があります。

同じカテゴリの動き