You are here : cssCSS 3transform-style

transform-style - CSS 3

The transform-style property specifies how nested elements are rendered in 3D 
space.Note: This property must be used together with the 
transform 
property.To better understand the transform-style property,
view a demo.


Syntax

transform-style: flat|preserve-3d|initial|inherit;


Example

div
	{
	   
	-webkit-transform: rotateY(60deg); /* Chrome, Safari, Opera */
	   
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
	   
	transform: rotateY(60deg);
	   
	transform-style: preserve-3d;
	}


Output / Return Value


Limitations


Alternatives / See Also


Reference