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

レトロ印刷風オフセット見出し

文字の左右に色ずれ印刷のような影を重ねるスタイル。レトロ・ヴィンテージ感を出したい特集見出しやイベントタイトルに使える。

staticcss

プレビュー

ソースコード

HTML

<h4 class="ttl">RETRO PRINT</h4>

CSS

.d02-10-29 .ttl{ all:unset; display:block; text-align:center; font-size:26px; font-weight:800; color:#1f2937; text-shadow:2px 0 0 rgba(239,68,68,.55), -2px 0 0 rgba(20,184,166,.55); letter-spacing:.02em; }

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