The backface-visibility property determines whether or not the "back" side of a transformed element is visible when facing the viewer.

  • Initial valuevisible
  • Applies toTransformable elements
  • InheritedNo
  • MediaVisual
  • Computed valueSame as specified value
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.backfaceVisibility
Formal syntax: visible | hidden

backface-visibility: visible;
backface-visibility: hidden;
  • visibleThe back face of an element is a transparent background, displaying a mirror image of the front face when the back face is observable.
  • hiddenThere 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). In this case, the property should be set to hidden to make the back face of the element opaque.
.class {
   backface-visibility: hidden;
}
?Firefox?Explorer?Chrome?Safari?Opera


Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.