Kenapa tulisan masih terlihat padahal backface visibility sudah hidden ?

foto Muhammad Ikhsanul Akbar oleh @Siikakamania
4 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
4 bulan yang lalu
sudah bener gitu https://jsfiddle.net/b1moxfjh/ mungkin cssnya ga ke update, coba di hard refresh browsernya
foto Muhammad Ikhsanul Akbar oleh @Siikakamania
4 bulan yang lalu
terimakasih gan
foto Putu Gede Pujayana oleh @pujayana99
3 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 ayus irfang filaras oleh @sector18
3 bulan yang lalu
tambahin
visibility: hidden;
Dibawah backface-visibility: hidden

Login untuk diksusi di forum sekolah koding