The Backface-visibility
Property in CSS is used to control the visibility of the back face of a 3D-transformed element. This property is particularly relevant when applying 3D transformations to elements using CSS.
Note: The backface-visibility
property can take values like visible
and hidden.
Syntax:
/* Making the back face visible during a 3D transformation */
.transformed-element {
transform: rotateY(180deg);
backface-visibility: visible;
}
Features:
-
backface-visibility
Property:-
visible
: The back face is visible during a 3D transformation. -
hidden
: The back face is not visible; it is effectively hidden.
-
-
When applying 3D transformations like rotations, the back face of an element might become visible. Using
backface-visibility
, you can control whether the back face is visible or hidden. -
It ensures compatibility, as older browsers may not fully support the
backface-visibility
property.