スクロール · スクロールで変わる
スクロールで焦点を絞る滚动分档失焦
- 一度に一段落
- 懐中電灯のように
- 段階的
大きな文章の塊が画面に留まり、読んでいる段落だけが鮮明で、他は柔らかくぼけます。下へスクロールすると焦点が一段ずつ移ります。誰かが懐中電灯で照らしてくれるように。
使いどころ
長い論述、FAQ、規約、手順など「一度に一段落だけ読むべき」内容に向きます。行き来して見比べる表やリストには使わないでください。ぼけている部分こそ必要な情報です。
パラメータ
progress < .2 → idx 0 · < .9 → idx 1 · else idx 3 · others opacity .05 + blur 5px · 300ms ease-out · stepped, not interpolated
レシピ
スクロールで焦点を絞る → 300ms ease-out条件 progress < .2 → idx 0条件 < .9 → idx 1
AI に渡す一文
この文章をスクロールの段階的な焦点ぼかしにしてください。スクロール進捗をいくつかの段に量子化し（例えば .2 と .9 の 2 つのしきい値で 3 段）、現在の段以外の段落を不透明度 .05 と filter: blur(5px) に、現在の段を不透明度 1・blur 0 にし、300ms ease-out で切り替えます。段階的な切り替えであり、フレームごとの補間ではありません。中間状態を作らないでください。