Clb (2) Gabungan segi tiga, segi empat dan segi lapan

Demo/Demo

Menggunakan kod yang ringkas, corak boleh dijadikan corak latar belakang halaman;

HTML view ▼

<style>
  body {
    inset: 0;
  --kecilP: #ccc 0 12%, #cfe2f3 0 15%, transparent 0 85%, #cfe2f3 0 88%, #bbb 0;
  --besarP: #fce5cd 3%, transparent 0 97%, #fce5cd 3%;
  background-color: #aaa;
  background-image: linear-gradient(135deg, var(--kecilP)), linear-gradient(45deg, var(--kecilP)), linear-gradient(90deg, var(--besarP)), linear-gradient(var(--besarP));
  background-size: 12vmin 12vmin;
    background-attachment: fixed;
  }
</style>

Tutup