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
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

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

🔎