パーツ番号 09-04-09 ・ CSSのみ

スタンプ風ラベル

斜めに傾いた印鑑・スタンプのような見た目のラベル見本です。見本画像や非売品の表示、資料のウォーターマークなどに使えます。

staticcss

プレビュー

ソースコード

HTML

<div class="d09-04-09-stamp">SAMPLE</div>

CSS

.d09-04-09-stamp{display:inline-block;transform:rotate(-12deg);border:3px solid #dc2626;color:#dc2626;font-size:18px;font-weight:800;letter-spacing:.12em;padding:8px 18px;border-radius:8px;position:relative}
        .d09-04-09-stamp::before{content:"";position:absolute;inset:4px;border:1px solid #dc2626;border-radius:5px}

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