このページの中身
グラデーションとスクリム
型・角度・色止め・補間空間を見ながら書く。写真の上のスクリムは文字の 4.5:1 を実測してから持ち帰る。参考にした作業面: gradient.style。
持ち帰る#
.bk-band {
background-image: linear-gradient(180deg in oklch, #f3efe8 0%, #b4713a 100%);
}
つまみは JavaScript で動きます。無効の場合は、上の見本は既定の値で描かれ、コピー欄には出発点のCSSと同じ既定の値が入っています。