Typewriter Loop
タイプライターループ
Generation Prompt
【対象要素】 - 見出しやリード文の短い1文に適用する 【演出内容】 - 1文字ずつタイプされて文が完成し、少し止まってから1文字ずつ消えていく、を繰り返す - 文末には点滅するカーソル(縦棒)を常に表示する 【品質要件】 - タイプ速度は1文字0.1秒前後。消す速度も同程度にする - カーソルの点滅はタイプ中も止めない - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - One short sentence in a heading or lead [Motion] - Characters are typed one by one, hold briefly, then delete one by one, forever - A blinking caret (vertical bar) stays at the end [Quality] - Type at ~0.1s per character; delete at a similar pace - Keep the caret blinking while typing - With prefers-reduced-motion, stop the animation and show a static finished state
Prompts and demo code are free to use in your own projects. See About.