CSSでグラデーションテキスト 更新日:2023年3月9日 公開日:2017年5月11日 CSS CSSのみでテキストにグラデーションをかける方法。 HTML <h1>GRADIENT</h1> 1 <h1>GRADIENT</h1> h1 { font-size: 42px; background: -webkit-linear-gradient(#cff, #39f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 123456 h1 { font-size: 42px; background: -webkit-linear-gradient(#cff, #39f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} タグ グラデーション 関連記事 CSSで背景要素だけにブラーエフェクトを加える便利でよく使うCSS関数 投稿ナビゲーション CSSで背景要素だけにブラーエフェクトを加える