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

アウトラインライン見出し

文字の輪郭に細いラインを一本添えて縁取るスタイル。動きを伴わない静止表現で、スポーティーな特集ページの見出しに向く。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl">OUTLINE STYLE</h4>

CSS

.d02-07-34 .ttl{ all:unset; display:block; text-align:center; font-size:30px; font-weight:800; color:#1f2937; -webkit-text-stroke:1px #f59e0b; paint-order:stroke fill; letter-spacing:.02em; }

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