スクロール · スクロールで変わる
スクロールリビール滚动进入
- 漸進的
- 探索的
- 軽い
要素が表示領域に入ったときに初めて登場します。読み進めるにつれて内容が順に現れます。
使いどころ
長いページや LP のファーストビューより下で使います。最初の画面や既に見た領域に付けると、もたついて見えます。
パラメータ
IntersectionObserver threshold 0.2 · 400ms · ease-out · transform: translateY 16px→0
レシピ
スクロールリビール → translateY 16px → 0 @ 400ms ease-out条件 IntersectionObserver threshold 0.2
AI に渡す一文
IntersectionObserver（threshold 0.2）を使い、各セクションが表示領域に入ったときに 400ms のフェードと 16px の上方向の移動を ease-out で一度だけ再生してください。