Assalamu’alaikum warahmatullahi wabarakatuh

Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang Macam – macam Shapes Dengan CSS 3 pada latihan ini kita akan membuat shape atau bentuk dengan html dan css.

Dengan menggunakan css kita dapat membuat sebuah bentuk yang beraneka ragam, Macam – macam Shapes Dengan CSS 3 diantaranya ada

  • square
  • circle
  • oval
  • trapezoid
  • parallelogram
  • triangle up

Ke enam macam ini akan kita buat menggunakan css, baik langsung saja kita implementasikan. Teman – teman siapkan cek editornya dan ketikkan script html nya di bawah ini

Kemudian pada css nya teman – teman masukkan juga untuk mengatur shapes nya

Jika sudah save dengan nama index.html lalu jalankan browser nya, maka dengan begitu pada browser akan tampil seperti gambar di bawah ini

Macam - macam Shapes Dengan CSS 3

Macam - macam Shapes Dengan CSS 3

Bisa perhatikan hasil layout nya dan css nya, untuk membuat bentuk seperti gambar di atas ini banyak menggunakan border. Teman – teman yang suka design yang aneh – aneh dengan css bisa di kembangkan lagi dari metode di atas ini ya. 🙂

Sekian dari saya, kita jumpa kembali pada artikel yang akan datang. Semoga artikel Macam – macam Shapes Dengan CSS 3 ini bermanfaat. Terimakasih dan sampai jumpa.

WhatsApp chat