CSS3 backface-visibility

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

CSS3 backface-visibility” üzerine bir yorum

  1. Her zaman kod yazarken autocomplete’de background yazarken karşıma gelirdi, hep merak ediyordum… Teşekkürler 🙂

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir