HOME HTML CSS XML JAVASCRIPT ASP PHP SQL MORE...

CSS Reference

CSS Reference
CSS Selectors
CSS Reference Aural
CSS Web Safe Fonts
CSS Units
CSS Colors
CSS Color Values
CSS Color Names
CSS Color HEX
CSS3 Browser Support

CSS Properties

animation

background

box

column

font

list-style

margin

nav

outline

padding

page-break

target

text

top

transform

transition

CSS3 backface-visibility Property

Complete CSS Reference

Example

Hide the backside of a rotated div element:

div
{
backface-visibility:hidden;
-webkit-backface-visibility:hidden; /* Chrome and Safari */
-moz-backface-visibility:hidden; /* Firefox */
}

Try it yourself »

Browser Support

The backface-visibility property is currently supported in Firefox, Chrome and Safari.

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.

Chrome/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;

Value	Description	Play it
visible	The backside is visible	Play it »
hidden	The backside is not visible	Play it »