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

Showing content from https://webplatform.github.io/docs/css/functions/translateZ below:

translateZ() · WebPlatform Docs

The following code snippet is an example of the translateZ function in use. When applied to a square blue div element along with the perspective function (which simulates depth), it has the effect illustrated in the image. (The light-blue square indicates the original position of the transformed element.)

div {
  transform: perspective(500px) translateZ(-60px);
}

translateZ ( <translation-value> )

translation-value

A translation value.

• CSS Transforms Module, Level 3, Section 13.2

• inverse

• multiply

• rotate

• rotate3d()

• scale3d()

• skew()

• translate()

• translate3d()

• translateX()

• translateY()

• translateZ()

• backface-visibility

• transform-origin-z

• MSCSSMatrix

• translate

• JavaScript animation

• Transform Functions
• Mathematical Description of Transform FunctionsMathematical Description of Transform Functions
• Direct3D: Matrices
• Hands On: 3-D TransformsHands On: 3-D Transforms

• 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