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