本文へスキップ

グラデ流れ文字

background-clip:text を使い、藍系グラデーションが左から右へ流れ続ける見出し演出。

ENGLISH

Animated Gradient Text

  • CSSのみ
59動きと演出 / テキスト・タイポ演出 の一覧 →

プレビュー

自動再生

操作自動で再生されます。

コード(コピーして使えます)

<div class="gf-wrap">
  <h2 class="gf-text">Gradient<br>Flow Text</h2>
  <p class="gf-sub">文字に光が流れる</p>
</div>

タグ

同じカテゴリ「テキスト・タイポ演出」のほかのパーツ

関連パーツ