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 */
}
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}
______________________________________________________________________________
Browser
Support
The backface-visibility property is
currently supported in Firefox, Chrome and Safari.
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
|
|
hidden
|
The backside is not visible
|