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