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

グラデーション文字見出し(静止)

文字にグラデーション色を適用した見出し。動きは伴わない静止表現で、特集ページの目立たせたい見出しに使える。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl">Special Design</h4>

CSS

.d02-07-10 .ttl{ all:unset; display:block; font-size:30px; font-weight:800; background:linear-gradient(90deg,#6366f1,#ec4899); -webkit-background-clip:text; background-clip:text; color:transparent; }

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