Cara membuat Segitiga dengan CSS

Hallo teman-teman, pada kesempatan kali ini saya akan memberikan sebuah trik tentang dekorasi pada website. Secara Umum, bentuk sebuah elemen html adalah persegi. Tag apapun yang kita buat jika diberikan background pasti hasilnya persegi. Bagaimana kalau kita butuh bentuk segitiga? apa harus membuat gambar dengan bentuk segitiga? ya bisa saja dlakukan seperti itu. tapi sebenarnya ada trik untuk membuat bentuk segitiga hanya menggunaka html dan css

Berikut adalah caranya.

kita cukup buat sebuah tag div untuk menerapkannya.

lalu dengan CSS kita berikan style seperti berikut

Untuk simulasinya bisa kalian lihat seperti contoh animasi dibawah ini