backface-visibility:

Bir objenin rotate ile döndürülmüş durumda iken görünür olup olmama durumunu belirlememizi sağlar.

Örnek:

div {
    position: relative;
    height: 60px;
    width: 60px;
    background-color: red;
    -webkit-transform: rotateY(180deg);  /* Chrome, Safari, Opera */
    transform: rotateY(180deg);
}

#div1 {
    -webkit-backface-visibility: hidden;  /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

#div2 {
    -webkit-backface-visibility: visible;  /* Chrome, Safari, Opera */
    backface-visibility: visible;
}

 

See the Pen JYeGLz by W3TR (@w3tr) on CodePen.

Css Sözdizimi

Varsayılan değer: visible;
backface-visibility: visible|hidden|initial|inherit;

Değer	Açıklama	Örnek
visible	Arkaplan görünür.
hidden	Arkaplan görünmez.
inital
inherit

 

Tarayıcı Desteği

36.0 12.0 -webkit	10.0 -moz 16.0	10.0	9.0 4.0 -webkit	13.0 15.0 -webkit