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;