パーツ番号 02-01-07 ・ CSSのみ

ネオン発光テキスト

暗い背景でtext-shadowが脈打つネオンサイン風テキスト。バー・イベント・エンタメ系サイトのアイキャッチに効果的です。

autocssdark

プレビュー

ソースコード

HTML

<h4 class="d02-01-07-h">NEON NIGHT</h4>

CSS

.prev.d02-01-07{ background:#0a0a12; }
        .d02-01-07 .d02-01-07-h{
          font-size:34px;
          font-weight:800;
          letter-spacing:.14em;
          color:#e9faff;
          animation:d02-01-07-pulse 2.2s ease-in-out infinite;
        }
        @keyframes d02-01-07-pulse{
          0%,100%{
            text-shadow:
              0 0 6px #67e8f9,
              0 0 16px #22d3ee,
              0 0 32px #06b6d4,
              0 0 60px #0891b2;
          }
          50%{
            text-shadow:
              0 0 3px #67e8f9,
              0 0 8px #22d3ee,
              0 0 14px #06b6d4,
              0 0 24px #0891b2;
          }
          72%{
            text-shadow:
              0 0 7px #67e8f9,
              0 0 18px #22d3ee,
              0 0 36px #06b6d4,
              0 0 64px #0891b2;
          }
        }

クラス名 .d02-01-07 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。