Which CSS3 property is specifically used to prevent a transformed element from being shown when rotated away from the viewer?

Which CSS3 property is specifically used to prevent a transformed element from being shown when rotated away from the viewer?

• A. perspective
• B. transform
• C. backface-visibility
• D. rotate

Answer: (C)

When you rotate an element in 3D space, you might not want to show its back side as it turns away from the viewer. The property that controls this behavior is backface-visibility. Setting it to hidden makes the element’s back face invisible when it’s rotated away, so only the front side remains visible. This is especially useful for flipping cards or panels where you want a clean front-face reveal. Perspective is about how deep the 3D effect appears, not whether the back face shows. Transform is the general property that applies 2D/3D transforms, and rotate is a function used inside transform; neither specifically governs the visibility of the back face.

When you rotate an element in 3D space, you might not want to show its back side as it turns away from the viewer. The property that controls this behavior is backface-visibility. Setting it to hidden makes the element’s back face invisible when it’s rotated away, so only the front side remains visible. This is especially useful for flipping cards or panels where you want a clean front-face reveal.

Perspective is about how deep the 3D effect appears, not whether the back face shows. Transform is the general property that applies 2D/3D transforms, and rotate is a function used inside transform; neither specifically governs the visibility of the back face.