| API name
|
transform +
|
| Animatable
|
true +
|
| Applies to
|
any transformable element +
|
| Checked Out
|
false +
|
| Computed value
|
As specified, but with relative lengths converted into absolute lengths. +
|
| Content quality flag
|
Incomplete +
, Compatibility Incomplete +
|
| High-level issue
|
Needs Topics +
, Missing Relevant Sections +
|
| Inherited
|
false +
|
| Initial value
|
none +
|
| Is CC-BY-SA
|
false +
|
| Media
|
visual +
|
| Page Title
|
transform +
|
| Path
|
css/properties/transform +
|
| Possible value
|
none +
, matrix(1.0, 2.0, 3.0, 4.0, 5.0, 6.0) +
, translate(12px, 50%) +
, translateX(2em) +
, translateY(50px) +
, scale(2, 0.5) +
, scaleX(3) +
, scaleY(0.5) +
, rotate(20deg) +
, skewX(40deg) +
, skewY(0.25turn) +
, rotateX(20deg) +
, rotateY(20deg) +
, rotateZ(20deg) +
|
| Sources
|
MDN +
|
| Standardization Status
|
W3C Working Draft +
|
| Summary
|
CSS transforms allows elements styled with … CSS transforms allows elements styled with CSS to be transformed in two-dimensional or three-dimensional space.
The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed according to the values set.
If the property has a value different than none, a stacking context will be created. In that case the object will act as a containing block for position: fixed elements that it contains.position: fixed elements that it contains.
|
| Has queryThis property is a special property in this wiki.
|
css/properties/transform +
|
| Has improper value forThis property is a special property in this wiki.
|
Compatibility Table +
|
| Categories |
CSS Properties +
, CSS +
|
| Modification dateThis property is a special property in this wiki.
|
7 June 2013 21:01:41 +
|
| Has subobjectThis property is a special property in this wiki.
|
css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
, css/properties/transform +
|