Set the X,Y and Z rotation, X, Y and Z translation, X and Y scale, X and Y skew and X and Y origin to transform an element's shape.
X-rotate¶
Set the rotation of the element on the x-axis.
Expected value:¶
- Enter a number. This will be interpreted as degrees
Accepted units:¶
- Blank - The value will be interpreted as deg
Y-rotate¶
Set the rotation of the element on the y-axis.
Expected value:¶
- Enter a number. This will be interpreted as degrees
Accepted units:¶
- Blank - The value will be interpreted as deg
Z-rotate¶
Set the rotation of the element on the z-axis.
Expected value:¶
- Enter a number. This will be interpreted as degrees
Accepted units:¶
- Blank - The value will be interpreted as deg
X-translate¶
Move the element on the x-axis. Positive numbers move the element down. Negative numbers move the element up.
Expected value:¶
- Enter a number
- Negative numbers are accepted
Accepted units:¶
- Blank - The value will be interpreted as px
Y-translate¶
Move the element on the y-axis. Positive numbers move the element right. Negative numbers move the element left.
Expected value:¶
- Enter a number
- Negative numbers are accepted
Accepted units:¶
- Blank - The value will be interpreted as px
Z-translate¶
Move the element on the z-axis. Positive numbers move the element away from the viewer (Element appears smaller). Negative numbers move the element towards the viewer (Element appears bigger)
Expected value:¶
- Enter a number
- Negative numbers are accepted
Accepted units:¶
- Blank - The value will be interpreted as px
X-scale¶
Scale the element on the x-axis. Positive numbers make the element wider.
Expected value:¶
Accepted units:¶
- Blank - The value will be interpreted as px
Y-scale¶
Scale the element on the y-axis. Positive numbers make the element taller.
Expected value:¶
Accepted units:¶
- Blank - The value will be interpreted as px
X-skew¶
Skew the element on the x-axis in degrees.
Expected value:¶
Accepted units:¶
- Blank - The value will be interpreted as deg
Y-skew¶
Skew the element on the y-axis in degrees.
Expected value:¶
Accepted units:¶
- Blank - The value will be interpreted as deg
X-origin¶
Set the position the element is transformed from on the x-axis. Default value is 50%. This is equivalent to centre.
Expected value:¶
- Enter a number - This will be interpreted as px
- Enter a string
Accepted units:¶
- Blank - The value will be interpreted as px
- % - The values will be applied as a percentage of the element's width. 50% is centre
Y-origin¶
Set the position the element is transformed from on the y-axis. Default value is 50%. This is equivalent to centre.
Expected value:¶
- Enter a number - This will be interpreted as px
- Enter a string
Accepted units:¶
- Blank - The value will be interpreted as px
- % - The values will be applied as a percentage of the element's height. 50% is centre