CSS3 backface-visibility Property


Hide the backside of a rotated <div> element:

div {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;

Try it yourself »

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.

To better understand this property, view a demo.

Default value: visible
Inherited: no
Animatable: no. Read about animatable
Version: CSS3
JavaScript syntax: object.style.backfaceVisibility="hidden" Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Numbers followed by -webkit- or -moz- specify the first version that worked with a prefix.

backface-visibility 36.0
12.0 -webkit-
10.0 16.0
10.0 -moz-
4.0 -webkit- 23.0
15.0 -webkit-

CSS Syntax

backface-visibility: visible|hidden|initial|inherit;

Property Values

Value Description Play it
visible Default value. The backside is visible Play it »
hidden The backside is not visible Play it »
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

Related Pages

HTML DOM reference: backfaceVisibility property


Color Picker