CSS3 backface-visibilityProperty
Example
Hide the back face of a rotating div element:
div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome 、Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
Try it Yourself »
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Numbers followed by -webkit-, -ms-, or -moz- specify the first browser version that supported the prefixed property.
| Property | |||||
|---|---|---|---|---|---|
| backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Tag definition and usage instructions
The backface-visibility property defines whether the back face of an element is visible when it faces the screen.
This property is useful when you do not want to see the back face of a rotated element.
Chrome/Safari users: To better understand this property, view the demo: View Online Examples。
| Default value: | visible |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object.style.backfaceVisibility="hidden" |
Syntax
backface-visibility: visible|hidden;
| Value | Description |
|---|---|
| visible | The back side is visible. |
| hidden | The back side is not visible. |