シーケンスとタイミング · どれが先に動く
スタッガー错峰
- 整然
- 流れる
- 余裕
同じ種類の要素が一斉にではなく、順番に少しずつ遅れて動き、波が走るように見えます。
使いどころ
リスト・グリッド・メニューなどまとまって現れる内容に使います。要素が 1〜2 個では意味がありません。
パラメータ
per-item delay 40ms · each 200ms · ease-out · group ≤ 400ms
レシピ
各項目を順に遅延 40ms各 200ms条件 全体で ≤ 400msスタッガー → ease-out
AI に渡す一文
リストの各カードを 40ms ずつ遅らせて登場させてください。1 枚あたり 200ms のフェードと 8px の上方向の移動、ease-out で、全体は 400ms 以内に。