Properti visibilitas backface CSS
Contoh
Sembunyikan dan tampilkan bagian belakang dari dua elemen <div> yang diputar:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Definisi dan Penggunaan
Properti backface-visibility
menentukan apakah bagian belakang elemen harus terlihat atau tidak saat menghadap pengguna.
Wajah belakang suatu elemen adalah bayangan cermin dari wajah depan yang ditampilkan.
Properti ini berguna ketika sebuah elemen diputar. Ini memungkinkan Anda memilih apakah pengguna harus melihat wajah belakang atau tidak.
Untuk lebih memahami properti ini, lihat demo .
Nilai bawaan: | terlihat |
---|---|
Diwarisi: | tidak |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS3 |
Sintaks JavaScript: | objek .style.backfaceVisibility="tersembunyi" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Angka yang diikuti oleh -webkit- atau -moz- menentukan versi pertama yang berfungsi dengan awalan.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Sintaks CSS
backface-visibility: visible|hidden|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Halaman Terkait
Referensi DOM HTML: properti backfaceVisibility