Which CSS property is used to transform elements in a 3D space?

The correct answer is D. perspective. perspective is the CSS property that establishes a 3D rendering context by defining the distance between the viewer and the z=0 plane, which makes 3D-transformed elements appear with realistic depth and foreshortening. Without it, 3D transforms like rotateX() or rotateZ()…

CSS3 Transitions, Transforms, and Animations

Question

Options

Atransform-style
B3d-transform
Ctransform-3d
Dperspective

How the community answered

(45 responses)

A
2% (1)
B
7% (3)
C
2% (1)
D
89% (40)

Explanation

perspective is the CSS property that establishes a 3D rendering context by defining the distance between the viewer and the z=0 plane, which makes 3D-transformed elements appear with realistic depth and foreshortening. Without it, 3D transforms like rotateX() or rotateZ() render without any sense of depth, appearing flat.

transform-style (A) is a real CSS property, but it controls whether child elements are rendered in their own 3D space (preserve-3d) or flattened into the parent's plane - it doesn't create the 3D view itself. Options B (3d-transform) and C (transform-3d) are simply not valid CSS properties and exist only as plausible-sounding distractors.

Memory tip: Think of perspective like a camera lens - it's what gives your eye a "viewpoint" into the scene. No perspective, no depth.

Topics

#CSS 3D transforms#perspective property#3D rendering#transform-style

Community Discussion

No community discussion yet for this question.

Full 1D0-720 Practice