CSSでチケット風クーポンのギザギザ境界線を描く
1. 背景画像でシンプルに
最も軽量なのは、linear-gradient を組み合わせた背景画像で左右のギザギザを表現する方法です。
<div class="coupon">
<div class="coupon__body">¥500 OFF</div>
<div class="coupon__side">GET</div>
</div>
.coupon {
display: flex;
height: 96px;
border-top: 1px solid #e63946;
border ...
5月13日 21:41 投稿