デザインコード紹介
Chapter2 見出しやテキストの装飾
シンプルなあしらいを施した見出し – テキストのずらしテクニック
更新日:
HTML
<h2 class="heading">採用情報について</h2>
CSS
.heading {
-webkit-text-stroke: 3px #555;
text-shadow: 4px 4px 0 #e5c046;
color: rgba(0 0 0 / 0);
font-size: 100px;
font-weight: 700;
font-style: italic;
font-family: 'Montserrat', sans-serif;
}
できるだけ誌面とコードの色を近づけるように調整しましたが、印刷物と画面表示との差異はどうしても発生してしまいます。サポートサイトでご確認いただける色が実際に表示されます。