Hai teman-teman ketemu lagi nih sama saya, gimana kabarnya ?? mudah-mudahan sehat selalu yah aminn pada kesempatam kali ini saya akan berbagi artikel mengenai bagaimana cara membuat segitiga menggunakan HTML5 & CSS3. Oke kita langsung saja ke tkp …
Pada awalnya teman-teman membuat script html nya seperti ini :
1 |
<strong><em><div class="segitiga"></div></em></strong> |
Setelah itu teman-teman membuat script CSS nya seperti ini 🙂
1 2 |
<strong><em><style> .segitiga{</em></strong> |
1 |
<strong><em>width: 0px; </em></strong> |
1 |
<strong><em>height: 0px; </em></strong> |
1 |
<strong><em>border-left: 50px solid transparent;</em></strong> |
1 |
<strong><em>border-right: 50px solid transparent;</em></strong> |
1 2 |
<strong><em>border-top: 50px solid #00F5BC;Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â }</em></strong> |
1 |
<strong><em></style></em></strong> |
Oke juka sudah coba deh teman-teman lihat hasilnya di browser , pasti akan seperti ini :
Oke teman-teman mungkin sekian dari saya kurang lebihnya mohon maaf , semoga bermanfaat aamiin