backface-visibility

If you are creating a 3D transformation, don't forget about the back side of the element.

Time to read: less than 5 min

Briefly

The backface-visibility property controls the visibility of the back side of the element when it rotates in relation to the user using the transform property. This is only necessary for 3D transformations; for 2D transformations, the property has no effect.

How it's written

There are only two possible values:

  • visible — the back side of the element is visible (default value).
  • hidden — the back side of the element is not visible.