.stamp { padding: 10px; background: #fff; background: radial-gradient(at center, transparent, transparent 5px, #fff 6px); background-position: -10px -10px; background-size: 20px 20px; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6)); } 対応ブラウザ: IE10〜、Firefox、Chorme、Safari、Opera、iOS、Android IE9以下のブラウザではradial-gradientをサポートしていないため切手風の見た目にはなりませんが、単純に白い枠として表示されますので、レイアウトが崩れる心配等はありません。 以下はコーディングのポイントと解説にな
![コピペで簡単!CSSだけで作れる郵便切手と消印風スタンプ | 株式会社プレスマン](https://cdn-ak-scissors.b.st-hatena.com/image/square/459b39548259ca15b89d38ed5698f61343725931/height=288;version=1;width=512/https%3A%2F%2Fwww.pressman.ne.jp%2Fwp-content%2Fuploads%2F2015%2F07%2Fcss_stamp_preview.jpg)