HTML / CSS / jQuery コーディング

【CSS】メイン画像を背景にしてアニメーションのテキストを表示する


トップページのメインビジュアルに使えそうな、アニメーションテキストをご紹介します。

アニメーションの種類とソースは下記のサイトで紹介されています。

⇒ MOVING LETTERS サイト

 

今回はこの一つを使って、実装してみました。

デモページを見る

 

ソースもろもろは全てここに書くと長くなってしまうので、ご利用を希望の方はファイルをダウンロードしてください。

メイン画像を背景にしてアニメーションのテキストを表示する

【 css_26.zip（2,579KB） 】

ファイルをダウンロードする258 ダウンロード

関連する記事

  1. 【CSS】境界線を三角矢印や斜め線にするスタイル
  2. 【CSS】レスポンシブ対応のタブ切り替え表示
  3. 【CSS】オンマウスで矢印の周りがクルッとなるエフェクト
  4. 【CSS】レスポンシブで境界線・区切り線をモコモコしたデザインで作る
  5. 【CSS】境界線・区切り線を曲線の矢印にして吹き出しのように作る

-HTML / CSS / jQuery コーディング
-

© 2026 Web担当屋 ブログ