Example
Hide the back of the rotated div element:
Div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
Reprint: http://www.w3school.com.cn/cssref/pr_backface-visibility.asp
Browser Support
Backface-visibility properties are not supported by all browsers at this time.
Internet Explorer 10 supports an alternative-ms-backface-visibility property.
Firefox supports an alternative-moz-backface-visibility property.
Safari and Chrome support alternative-webkit-backface-visibility properties.
Note: Internet Explorer 9 and earlier browsers do not support the-ms-backface-visibility property. Definition and Usage
The Backface-visibility property defines whether the element is visible when it is not facing the screen.
This property is useful if the rotation element does not want to see its back.
Default value: |
Visible |
Inheritance: |
No |
Version: |
CSS3 |
JavaScript Syntax: |
Object.style.backfacevisibility= "Hidden" |
Grammar
Backface-visibility:visible|hidden;
value |
Description |
Visible |
The back is visible. |
Hidden |
The back is not visible. |