Membuat Objek Segi Tiga dengan CSS

Pagi sobat CSS mania (ingat acara mancing mania) ... hahaha.... hujan, hujan, dan hujan... beginilah keadaan ibu kota saat ini. Walaupun hujan tetap hujan, berbagi ilmu ga boleh dipending. Setuju? Oleh karena itu, pagi ini saya ingin berbagi tips trik CSS buat sobat Dumenity semua. Tips yang saya akan bagi kali ini adalah cara membuat objek segitiga dengan CSS. Berikut kutipannya:

1. Buatlah struktur HTML seperti ini.

2. Dan buatlah CSSnya seperti ini.

3. Save, lihat dibrowser. Wow segitiganya sudah jadi.

Yang mau coba silahkan copy source codenya dengan mengklik tombol berikut.

http://jsfiddle.net/46GkK/