• 出現
  • テキストの出現

#text appear 030

帯が通り過ぎて文字が現れる

参考サイトURL
動きの解説

色のついた帯（ブロック）が左から右へスライドし、通り過ぎた跡にテキストが出現するドラマチックな演出です。一瞬要素を覆い隠すことでユーザーの期待感を高め、視線を一点に集中させる効果があります。タイポグラフィを強調したいメインビジュアルや、セクションタイトルの切り替わりに最適です。実装は擬似要素を用いたカバー領域をCSSアニメーションで伸縮・移動させ、同時にテキストの透明度を制御することで、洗練された印象を与えます。