フィードバックと操作 · タップへの反応
トースト提示条
- 下から上がる
- 少し止まる
- 邪魔をしない
通知が下端から上がり、読み終わるまで止まり、また下がって消えます。三つの数字が使い勝手を決めます。入り 260ms(来たのが見えること)、保持 2400ms(読み切れること)、出 160ms(去るときに演出は要らない)。
使いどころ
「成功したが邪魔はしない」確認に使います(保存しました、コピーしました)。判断を求めるものには使わないでください。勝手に消えるので、読み終わる前に無くなります。それはダイアログの役目です。
パラメータ
transform: translateY 24px→0 · opacity 0→1 · 260ms ease-out · hold 2400ms · exit 160ms ease-in
レシピ
トースト → 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 に戻しながら消します。出入りの時間差は意図的です。来るのは見える必要があり、去るのは素早くある必要があります。