Focus Pulse

【対象要素】
- 見出しの短いテキストに適用する

【演出内容】
- 文字のピントが合った状態とぼけた状態を、ゆっくり往復し続ける
- ぼけるときは透明度も少し下げ、霞んでいくように見せる

【品質要件】
- 周期は3〜4秒。完全に読めない時間が長く続かないようにする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A short heading text

[Motion]
- The text drifts slowly between in-focus and blurred
- Lower the opacity slightly while blurred, like a haze

[Quality]
- 3–4s per cycle; never stay unreadable for long
- Make the loop seamless: the end state must match the start state exactly
- With prefers-reduced-motion, stop the animation and show a static finished state