backface-visibility

The backface-visibility property specifies whether or not the back face (a mirror image of the front face that is being displayed) should be visible.

Syntax

Useful when an element is rotated to designate whether the user should see the back face or not.

div.ex {
  backface-visibility: hidden;
}

Values

visible
Default value. Sets the back face as visible.

hidden
Sets the back face as not visible.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of backface-visibility? Submit a codepen.io demo and we'll showcase it here ↴