HomeForumHelp

Tilter

The Tilter effect uses the mouse coordinates to create a 3D perspective hover effect.

Active

The Active property activates the Tilter effect.

Activate/Deactivate

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Active property

  7. Toggle the property to activate/deactivate

Reverse

The Reverse property reverses the Tilter effect.

Activate/Deactivate

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Reverse property

  7. Toggle the property to activate/deactivate

Transition

The Transition property sets a transition on enter/exit.

Activate/Deactivate

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Transition property

  7. Toggle the property to activate/deactivate

Reset

The Reset property resets the tilt effect on enter/exit.

Activate/Deactivate

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Open the Tilter tab

  6. Find the Reset property

  7. Toggle the property to activate/deactivate

Glare

The Glare property adds a glare effect to the element depending on the mouse position.

Activate/Deactivate

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Glare property

  7. Toggle the property to activate/deactivate

Max Tilt Rotation

The Max Tilt Rotation property limits the degree of tilt rotation.

Modify

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Max Tilt rotation property

  7. Enter the desired max tilt rotation value

Reset

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Max Tilt rotation property

  7. Click dot(s) to reset

Perspective

The Perspective property transforms the perspective, the lower the more extreme the tilt gets.

Modify

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Perspective property

  7. Enter the desired perspective value

Reset

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Rotation property

  7. Click dot(s) to reset

Start Y

The Start Y property sets the starting tilt on the Y axis, in degrees.

Modify

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Start Y property

  7. Enter the desired start y value

Reset

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Start Y property

  7. Click dot(s) to reset

Start X

The Start X property sets the starting tilt on the X axis, in degrees.

Modify

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Start X property

  7. Enter the desired start x value

Reset

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Start X property

  7. Click dot(s) to reset

Scale

The Scale property sets the scale, 2 = 200%, 1.5 = 150%, etc..

Modify

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Scale property

  7. Enter the desired scale value

Reset

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Scale property

  7. Click dot(s) to reset

Speed

The Speed property sets the speed of the enter/exit transition.

Modify

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Speed property

  7. Enter the desired speed value

Reset

  1. Select a block

  2. Open the Block Inspector

  3. Navigate to the Design tab

  4. Open the Effects tab

  5. Select the Tilter tab

  6. Find the Speed property

  7. Click dot(s) to reset

Last updated

Was this helpful?