Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara membuat tampilan segitiga di HTML dan CSS?
om tampilan segitiga semacam ini biasanya disebut apa sih? Sering gw liatnya kadang ada dibawah, diatas, di dalam, dsb. Lengkapnya ada digambar dibawah (bagian kanan).
ini teknik membuatnya gimana? pakai html dan css pseudo class kah atau ini berupa gambar? mohon bantuannya gan...
2 Jawaban:
Jawaban Terpilih
Ngga ada sebutannya sih gan, tapi kita bisa bikin dengan css, idenya ada div, yang tinggi dan lebarnya 0, tapi 3 sisi bordernya bkita kasih nilai (tergantung arah yang kita mau) ini contoh kalo mau runcing atas, semua border dikasih kecuali bagian atas.
<div class="arrow-up"></div>
<!-- css -->
.arrow-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
}
ini ada link bagus gan cari css trick https://css-tricks.com/snippets/css/css-triangle/
thanks gan sangat membantu... gw masih punya satu pertanyaan lagi gan cek diforum lagi yak... mohon bimbingannya :D