backface-visibility :
Bir element rotate ile döndürülmüş durumda iken görünür olup olmama durumunu belirlememizi sağlar.
Örnek
div { position: relative; height: 100px; width: 100px; background-color: green; -webkit-transform: rotateY(180deg); /* Chrome, Safari, Opera */ transform: rotateY(180deg); color: white; } .bir { -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } .iki { -webkit-backface-visibility: visible; /* Chrome, Safari, Opera */ backface-visibility: visible; }
Codepen Ön izleme
Css Sözdizimi
Değer | Açıklama |
visible | element görünür. |
hidden | element görünmez. |
İnital | |
İnherit |
Tarayıcı Desteği
36.0 12.0-webkit |
16.0 10.0-moz |
10.0 | 9.0 4.0-webkit |
23.0 15.0-webkit |
Her zaman kod yazarken autocomplete’de background yazarken karşıma gelirdi, hep merak ediyordum… Teşekkürler 🙂