This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.
backface-visibility property determines whether or not the back face of the element is visible when facing the user. The back face of an element always is a transparent background, letting, when visible, a mirror image of the front face be displayed.
There are cases when we do not want the front face of an element to be visible through the back face, like when doing a flipping card effect (setting two elements side-to-side).
This property has no effect on 2D transforms as there is no perspective.
- Initial value
- Applies to transformable elements
- Inherited no
- Computed value as specified
- Animatable no
- Canonical order the unique non-ambiguous order defined by the formal grammar
visible | hidden
backface-visibility: visibility backface-visibility: visible backface-visibility: hidden
Is a keyword indicating if the backface must be visible or not. It can have the following values:
visiblemeaning that the back face is visible, allowing the front face to be displayed mirrored;
hiddenmeaning that the back face is not visible, hiding the front face.
Though not opaque, the front sides don't allow the
|CSS Transforms Level 1||Working Draft|
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari (WebKit)|
|Basic support||12-webkit||10.0 (10)-moz
|Feature||Android||Chrome for Android||Firefox Mobile (Gecko)||IE Mobile||Opera Mobile||Safari Mobile|
|Basic support||3.0-webkit||?||10.0 (10)-moz