Backface Visibility

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS3 backface-visibility Property


Hide the backside of a rotated <div> element:

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


CSS Syntax

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

Property Values

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