Segitiga ?? kita sering melihat di website-website ada bentuk segitiga entah itu di menu di konten, pokoknya sering kita jumpai bentuk segitiga dalam website , nah kan terkadang segitiga itu di buatnya menggunakan image atau icon yah , ternyata tanpa harus menggunakan icon atau image kita bisa membuatnya sendiri menggunakan CSS .. disini saya akan sedikit berbagi bagaimana cara membuat segitiga responsive menggunakan CSS .. mau tau caranya gimana ?? yuk ikutin aja disini 🙂
disini saya akan membuat 6 bentuk segitiga , oke pertama-tama kita buat terlebih dahulu script HTMLnya :
Nah jika teman-teman telah membuat script HTMLnya , sekarang kita akan membuat script CSSnya :
nah jika teman-teman telah membuat script HTML dan CSS nya , coba sekarang teman-teman lihat hasilnya di browser pasti akan seperti ini :
Jika teman-teman kecilkan layarnya maka akan seperti ini :
Gimana teman-teman?? lumayan kan nambah-nambah ilmu , oke mungkin untuk artikel kali ini saya cukupkan , semoga bermanfaat ..