CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS3 backface-visibility Property
Example
Hide the backside of a 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 */
}
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
-ms-backface-visibility:hidden; /* Internet Explorer */
}
Try it yourself »
Browser Support
The backface-visibility property is not supported in any of the major browsers.
Internet Explorer 10 supports an alternative, the -ms-backface-visibility property.
Firefox supports an alternative, the -moz-backface-visibility property.
Safari and Chrome support an alternative, the -webkit-backface-visibility property.
Note: The -ms-backface-visibility property is not supported in Internet Explorer 9 and earlier versions.
Definition and Usage
The backface-visibility property defines whether or not an element should be visible when not facing the screen.
This property is useful when an element is rotated, and you do not want to see its backside.
Chrome/Safari users: To better understand this property, view a demo.
| Default value: | visible |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object.style.backfaceVisibility="hidden" |
Syntax
backface-visibility: visible|hidden;
| Value | Description | Play it |
|---|---|---|
| visible | The backside is visible | Play it » |
| hidden | The backside is not visible | Play it » |
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
