CSS3 backface-visibility Property

Example

Hide the backside of a rotated div element:

div
{
backface-visibility: hidden;
-webkit-backface-visibility: hidden; /* Safari */
}

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The backface-visibility property is not supported in any browser.

Safari supports an alternative, the -webkit-backface-visibility property.


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.

For 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;

Property Value Description
visible The backside is visible
hidden The backside is not visible