Search within TutorialsPark

CSS backface-Visibility Property


To Specify the backface visibility of the element


Definition and Notes.

1. The CSS backface-visibility property defines whether the backside of the element is visible if the element is rotated in 3D space and is "facing away " from the viewer.

2. If the value is hidden, the element will be effectively invisible until its rotated such that the front-side of the element is once again facing the viewer

Syntax:

CSS backface-visibility property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-This property cannot be used for 2D transform as there exists no perspective in 2D space.

Property Values

Value Description
visible The backface is visible, the mirror image of the front content is visible from backside
hidden The backface of the element is not visible, creating an illusion of element with two faces.

Specifications

Specs Value
Name backface-visibility
Value visible | hidden
Initial Value visible
Applies to Block-level and inline-level elements
Javascript syntax object.style.backfaceVisibility="hidden"
Inherited No
Computed Value Same as declared value.
Browser Support internetexplorer safari firefox opera chrome

Related Examples.