scale3d()

< css‎ | functions
Jump to: navigation, search

scale3d()

This article is Ready to Use.



Summary

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.



Compatibility

There is no data available for topic "css", feature "scale3d()". If you think that there should be data available, consider opening an issue.

Examples

View live exampleThe 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.)

CSS

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


Syntax

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

Parameters

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.

Standards information


See also

Related articles

Transforms













  • scale3d()


















Related pages (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]