# Transforms

# Translate

The Translate property allows you to horizontally and vertically move a block relative to its original position.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Translate property and make sure you toggle it on
  6. Find the Translate option you want to modify (X, Y, Z)
  7. Enter the desired value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Translate property and make sure you toggle it on
  6. Find the Translate option you want to modify (X, Y, Z)
  7. Click on Reset

Translate X Lets you move a block horizontally from its original position.

Translate Y Lets you move a block vertically from its original position.

Translate Z Lets you to move on the Z axis of a block relative to its original position within a 3D context.

# Skew

The Skew property allows you to horizontally and vertically skew a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Skew property and make sure you toggle it on
  6. Find the Skew option you want to modify (X, Y)
  7. Enter the desired value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Skew property and make sure you toggle it on
  6. Find the Skew option you want to modify (X, Y)
  7. Click on Reset

Skew X Lets you skew a block horizontally.

Skew Y Lets you skew a block vertically.

# Rotate

The Rotate property allows you to specify the rotation to be performed on a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Skew property and make sure you toggle it on
  6. Find the Skew option you want to modify (Rotate, X, Y, Z)
  7. Enter the desired value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Skew property and make sure you toggle it on
  6. Find the Skew option you want to modify (Rotate, X, Y, Z)
  7. Click on Reset

Rotate Lets you specify the rotation to be performed on a block.

Rotate X Lets you specify the rotation to be performed in relation to the X axis of the perspective on a block element.

Rotate Y Lets you specify the rotation to be performed in relation to the Y axis of the perspective on a block element.

Rotate Z Lets you specify the rotation to be performed in relation to the Z axis of the perspective on a block element.

# Perspective

The Perspective property defines a perspective for a 3D-positioned element.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Perspective property and make sure you toggle it on
  6. Find the Perspective option you want to modify (L, Preserve 3D)
  7. Enter the desired value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Perspective property and make sure you toggle it on
  6. Find the Perspective option you want to modify (L, Preserve 3D)
  7. Click on Reset

L Defines how far the element is away from the user. A lower value will result in a more intensive 3D effect than a higher value.

Preserve 3D The children of the block are not flattened and maintain their position in 3D space, their original axis is their parent.

# Rotate 3D

The Rotate 3D property allows you to define the rotation to be performed in relation to an axis defined by the point of origin and the new point of perspective specified on a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Rotate 3D property and make sure you toggle it on
  6. Find the Rotate 3D option you want to modify (X, Y, Z, Angle)
  7. Enter the desired value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Rotate 3D property and make sure you toggle it on
  6. Find the Rotate 3D option you want to modify (X, Y, Z, Angle)
  7. Click on Reset

Rotate 3D X Defines the new coordinate on the X axis perspective.

Rotate 3D Y Defines the new coordinate on the Y axis perspective.

Rotate 3D Z Defines the new coordinate on the Z axis perspective.

Rotate 3D Angle Represents the angle of rotation. A positive angle indicates a clockwise rotation, a negative angle indicates a counterclockwise rotation.

# Scale

The Scale property allows you to scale up or downscale a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Scale property and make sure you toggle it on
  6. Find the Scale option you want to modify (X, Y, Z)
  7. Enter the desired value
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Transforms panel
  5. Find the Scale property and make sure you toggle it on
  6. Find the Scale option you want to modify (X, Y, Z)
  7. Click on Reset

Scale X Scale up or scale down the width of block.

Scale Y Scale up or scale down the height of block.

Scale Z Scale up or scale down a block on the Z-axis in a 3D space.