Kenapa tulisan masih terlihat padahal backface visibility sudah hidden ?

jadi barusan liat tutorial gan trus ane coba, tapi kok tulisannya masih terlihat ya ? mohon bantuannya


<style>
#div0{
      position: relative;
      height: 200px;
      width: 200px;
      transition: 4s;
      background: blue;
      border: 2px solid black;
      transform-style: preserve-3d;
    }

    #div0:hover{
      transform: rotateY(180deg);
      background: red;
    }

    #dont, #rebel{
      position: absolute;
      top: 0px;
      left: 0px;
      height: 200px;
      width: 200px;
      backface-visibility: hidden;
    }
    #rebel{
      transform: rotateY(180deg);
    }
      </style>

<div id="div0">
        <div id="dont">Dont click the box</div>
        <div id="rebel">You're a rebel</div>
</div>

terimakasih.

avatar Siikakamania
@Siikakamania

9 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

4 Jawaban:

sudah bener gitu https://jsfiddle.net/b1moxfjh/ mungkin cssnya ga ke update, coba di hard refresh browsernya

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

terimakasih gan

avatar Siikakamania
@Siikakamania

9 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

kalau menurut saya visibility itu hanya ngilangin tampilannya saja, ga ngilangin nilainya jadi kalau masih pakai visibility dia tetap ada tapi tidak terlihat otomatis ukuran website kita tetap sama. coba saran saya menggunakan display : none;

avatar pujayana99
@pujayana99

24 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

tambahin

 visibility: hidden;

Dibawah backface-visibility: hidden

avatar wadahkode
@wadahkode

44 Kontribusi 15 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban