Hallo teman teman pada kesempatan kali ini mau share nih tentang cara membuat segitiga dengan CSS 3 , ternyata membuat segitiga tidak hanya bisa di photoshop atau sejenisnya , tetapi dengan CSS 3 pun bisa asalkan kita pandai untuk membuat sintak pada CSS 3 dan HTML nya , okee cara membuat segitiga ini caranya :

Di bawah ini sintak dari HTML nya :

htmlnya

Di bawah ini sintak dari CSS3 nya :

cssnya

Hasilnya akan menjadi seperti ini :

hasil

Okee hasilnya saya membuat 4 buah segitiga dengan arah yang berbeda , okee teman teman itu sedikit share dari saya , smeoga bermanfaat , dan selamat mencoba 🙂