Clb (16)

Corak Latar Belakang

Demo (telus ke latar belakang)

Teks HTML

<style>
  body {
  --s: 50px;  
  --c:#0000 75%, #f3f3f3 0;
  --g1:conic-gradient(at 78% 3%,var(--c));
  --g2:conic-gradient(at 3% 78%,var(--c));
  background:
    var(--g1),
    var(--g1) var(--s) var(--s),
    var(--g1) calc(2*var(--s)) calc(2*var(--s)),
    var(--g1) calc(3*var(--s)) calc(3*var(--s)),
    var(--g2) 0 calc(3*var(--s)),
    var(--g2) var(--s) 0,
    var(--g2) calc(2*var(--s)) var(--s),
    var(--g2) calc(3*var(--s)) calc(2*var(--s)) #b6d7a8;
  background-size: calc(4*var(--s)) calc(4*var(--s));
  background-attachment: fixed;
}
</style>

Rujukan CSS di codepen.io/t_afif/pen/PoVLBxG