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

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

scale3d() · WebPlatform Docs

Defines a three-dimensional transformation to change the scale of the element by setting specific scaling factors in each of the x, y, and z directions. All three parameters must be specified.

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

div {
  transform: scale3d(0.5, -0.5, 1.5);
}

View live example

scale3d ( <scaling-value-x> , <scaling-value-y> , <scaling-value-z> )

scaling-value-x

Numerical value by which to scale the specified element in the x-direction.
scaling-value-y

Numerical value by which to scale the specified element in the y-direction.
scaling-value-z

Numerical value by which to scale the specified element in the z-direction.

• 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