Easy Tutorial
❮ Sel Element Element Css3 Pr Background ❯

CSS3 backface-visibility Property

Example

Hide the back side of a rotated div element:

div {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; /* Chrome, Safari */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */
}

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers following -webkit-, -ms-, or -moz- indicate the first browser version that supports the prefixed property.

Property Chrome IE Firefox Safari Opera
backface-visibility 36.0 <br>12.0 -webkit- 10.0 16.0 <br>10.0 -moz- 9.0 <br>4.0 -webkit- 23.0 <br>15.0 -webkit-

Definition and Usage

The backface-visibility property defines whether or not the back face of an element is visible when facing the user.

This property is useful when you don't want to see the back side of an element that is rotated.

Chrome/Safari users: To better understand this property, view the demo: View Online Example.

Default value: visible
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.backfaceVisibility="hidden"
--- ---

Syntax

Value Description
visible The back face is visible.
hidden The back face is not visible.
❮ Sel Element Element Css3 Pr Background ❯