Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/css/properties/transform-style below:

transform-style · WebPlatform Docs

This property specifies how nested elements are rendered in 3D space relative to their parent.

Initial value

flat

Applies to

Transformable elements.

Inherited

No

Media

visual

Computed value

As specified.

Animatable

No

CSS Object Model Property
:

Percentages

N/A

• transform-style: flat
• transform-style: preserve-3d

flat

Child elements will not preserve their 3D position before applying a transform.

preserve-3d

Child elements will preserve their 3D position before applying a transform.

#blue {
width: 10em;
height: 10em;
background-color: blue;
transform: rotateY(60deg);
transform-style: preserve-3d;
}

#green {
margin-left: 30px;
width: 10em;
height: 10em;
background-color: green;
transform: rotateY(60deg);
}

View live example

This property is only applied to child elements that have a transform specified.

CSS Transforms

W3C Working Draft

• Microsoft Developer Network: Windows Internet Explorer API reference Article

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4