Atribut backface-visibility CSS

Definisi dan Penggunaan

Atribut backface-visibility menentukan apakah elemen terlihat saat tidak menghadap layar.

Atribut ini sangat berguna jika Anda tidak ingin melihat belakang elemen berputar saat mengubah orientasi.

Lihat Juga:

Panduan Referensi DOM HTML:Atribut backfaceVisibility

Contoh

Menyembunyikan dan menampilkan bagian belakang dari 2 elemen <div> yang berputar:

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

Coba Sendiri

Sintaks CSS

backface-visibility: visible|hidden;

Nilai Atribut

Nilai Deskripsi
visible Kepalikan terlihat.
hidden Kepalikan tidak terlihat.

Detil Teknologi

Nilai Default: visible
Inheritsi: no
Versi: CSS3
Sintaks JavaScript: object.style.backfaceVisibility="hidden"

Dukungan Browser

Angka di tabel menandai versi browser pertama yang mendukung atribut ini penuhnya.

Angka yang mengandung -webkit- atau -moz- menunjukkan versi awal yang menggunakan prefix.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-