Kenapa tulisan masih terlihat padahal backface visibility sudah hidden ?

foto oleh @Siikakamania
7 bulan yang lalu
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.
Jawaban
foto oleh @rachmatsasongko
7 bulan yang lalu
sudah bener gitu https://jsfiddle.net/b1moxfjh/ mungkin cssnya ga ke update, coba di hard refresh browsernya
foto oleh @Siikakamania
7 bulan yang lalu
terimakasih gan
foto oleh @pujayana99
6 bulan 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;
foto oleh @sector18
6 bulan yang lalu
tambahin
visibility: hidden;
Dibawah backface-visibility: hidden

Login untuk diksusi di forum sekolah koding