Pada kesempatan kali ini saya akan menjelaskan cara membuat kotak jajar genjang di css3. Sebelum membahas lebih jauh ada baiknya jika teman-teman tahu terlebih dahulu property css untuk membuat jajar genjang tersebut, property yang saya akan gunakan adalah transform. CSS transform memungkinkan teman-teman untuk membuat efek skew di element HTML.

Skew ()

Skew digunakan untuk memiringkan suatu element dengan mengatur tiap nilai pada sumbu X nya.

Berikut contoh nya:

  • Teman-teman buat terlebih dahulu satu buah file dengan nama index.html, ketikan kode seperti berikut:

Jika sudah teman-teman bisa save file index.html tersebut.

  • Teman-teman buat lagi satu buah file dengan nama style.css, sejajar dengan file index.html yang sebelum nya di buat, dan ketikan kode css seperti di bawah ini :

Jika sudah save file style.css tersebut, dan teman-teman bisa lihat hasil nya pada browser.

Demikian penjelasan mengenai cara membuat kotak jajar genjang di css3, Semoga Bermanfaat.