# Transforms ## Translate The Translate property allows you to horizontally and vertically move a block relative to its original position.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on Translate property 6. Find option you want to modify (X, Y, Z) 7. Enter desired value(s) 8. Click dot(s) to 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.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on Skew property 6. Find option you want to modify (X, Y, ) 7. Enter desired value(s) 8. Click dot(s) to 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.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on Rotate property 6. Find option you want to modify (Rotate, Rotate X, Y or Z) 7. Enter desired value(s) 8. Click dot(s) to 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.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on Perspective property 6. Find option you want to modify (L, Preserve 3D) 7. Enter desired value(s) 8. Click dot(s) to 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.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on Rotate 3D property 6. Find option you want to modify (Rotate X, Rotate Y, Rotate Z, Angle) 7. Enter desired value(s) 8. Click dot(s) to 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.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on Scale property 6. Find option you want to modify (Scale X, Scale Y, Scale Z, Angle) 7. Enter desired value(s) 8. Click dot(s) to 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. ## Origin {% hint style="danger" %} The Origin property cannot be used with the Translate or Perspective properties. {% endhint %} The Origin property allows you to specify where the block begins.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on Required Transform property (skew, rotate, rotate 3D, scale) 6. Find the Origin property 7. Enter desired value 8. Click dot to reset
## Block Visibility The Block Visibility property allows you to determine whether your block is visible or hidden.
Modify/Reset 1. Select a block 2. Open the Block Inspector 3. Navigate to the Design tab 4. Open the Transforms tab 5. Toggle on required Transform property 6. Find the BV (block visibility) property 7. Select desired state in dropdown (inherit, visible, hidden) 8. Click dot to reset
--- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.cwicly.com/design/transforms.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.