ホーバー時にテキストが一文字ずつ上下する

• 株式会社甲斐冷機https://kaireiki.co.jp/

テキストが波打つように一文字ずつ上下動するアニメーションは、楽しげなリズムとポップな雰囲気を醸し出します。ユーザーを楽しませるエンタメ系サイトや、親しみやすさをアピールしたい採用サイトなどで、無機質なテキストに感情を乗せることができます。実装には各文字をspanタグで囲み、CSSのnth-childやJavaScriptを用いて、それぞれに遅延（delay）を持たせたアニメーションを適用します。動きの周期が早すぎると落ち着きがなくなるため、ゆったりとしたウェーブを描く設定が推奨されます。