Membuat Objek Segi Tiga dengan CSS

20/01/2014    Renra Sedoya    1356     Website

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.

kursus html css, kursus web design

2. Dan buatlah CSSnya seperti ini.

kursus website, kursus web design, kursus web programming

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

html css, kursus it, kursus mobile app

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

http://jsfiddle.net/46GkK/

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More