monks/transform

The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.

If the property has a value different from none, a stacking context will be created. In that case, the element will act as a containing block for any position: fixed; or position: absolute; elements that it contains.

You can also use the individual transform properties: {{cssxref(‘translate’)}}, {{cssxref(‘rotate’)}}, and {{cssxref(‘scale’)}}. These properties are applied in the order: translate, rotate, scale, and finally transform.

Only transformable elements can be transformed. That is, all elements whose layout is governed by the CSS box model except for: non-replaced inline boxes, table-column boxes, and table-column-group boxes.

Values

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

length

</>

pub fn length(value: monks_of_style.Length) -> #(String, String)

length value of transform

none

</>

pub const none: #(String, String)

: Specifies that no transform should be applied.

raw

</>

pub fn raw(value: String) -> #(String, String)

Enter a raw string value for transform

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

unset

</>

pub const unset: #(String, String)

var

</>

pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for transform. It will be wrapped in var() and have -- prepended.