Child transformation in 3D space

transform-style

Specify whether child elements of a 3D transformation are transformed separately or kept in the parent's plane.

Property values

This property is used with 3D transformations. It specifies how the child elements of a transformed object are rendered. Use one of these two values:

flat Use the standard browser behaviour which keeps the child element in the plane of the rotating parent
preserve-3d Ignore the parent, and preserve the child element's separate 3D positioning, allowing it to slice through its parent

Examples

transform-style: preserve-3d;
transform-style
0

style > transform > transform-styleChild transformation in 3D space

🔎