Segitiga kebalik dengan css

bantu dong.... gimana caranya buat segitiga kebalik dengan menggunakan css pakai property transform atau apa?

avatar tillah12
@tillah12

32 Kontribusi 4 Poin

Diperbarui 7 tahun yang lalu

2 Jawaban:

saya mentok disini

<style>
	div{
		display: inline-block;
		border: 100px solid transparent;
	}
	.div-1{
		border-left-color: red;
		border-top-color: red;
	}
	.div-2{
		border-right-color: red;
		border-top-color: red;
	}
</style>
<div class="div-1"></div>
<div class="div-2"></div>

avatar dziem
@dziem

68 Kontribusi 43 Poin

Dipost 7 tahun yang lalu


  <head>
    <title>Selamat Datang</title>
    <style>
      div{
        display: inline-block;
        border: 100px solid transparent;
      }
      .div-1{
        border-left-color: red;
        border-top-color: red;
        transform: rotate(990deg);
      }
      .div-2{
        border-right-color: red;
        border-top-color: red;
        transform: rotate(90deg);
      }
    </style>
  </head>

semoga membantu :D... re-edit punya : @dziem

avatar denwirdan
@denwirdan

10 Kontribusi 6 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban