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:

• Enter a number

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:

• Enter a number

Accepted units:

• Blank - The value will be interpreted as px

X-skew

Skew the element on the x-axis in degrees.

Expected value:

• Enter a number

Accepted units:

• Blank - The value will be interpreted as deg

Y-skew

Skew the element on the y-axis in degrees.

Expected value:

• Enter a number

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
  • Left
  • Centre
  • Right

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
  • Top
  • Centre
  • Bottom

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

Transform properties

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:

• Enter a number

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:

• Enter a number

Accepted units:

• Blank - The value will be interpreted as px

X-skew

Skew the element on the x-axis in degrees.

Expected value:

• Enter a number

Accepted units:

• Blank - The value will be interpreted as deg

Y-skew

Skew the element on the y-axis in degrees.

Expected value:

• Enter a number

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
  • Left
  • Centre
  • Right

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
  • Top
  • Centre
  • Bottom

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