Rotate 3D Action
Rotate or tilt an element in 3D space using the X, Y, or Z axis. This is the same as using rotateX()
, rotateY()
, or rotateZ()
in CSS.
Useful for creating 3D flip effects, perspective tilts, or dynamic entrance animations that give depth and motion to elements.
Action Settings
Option | Default | Type | Description |
X | None | Degrees | Rotate or tilt on the X axis. Accepts values from -360° to 360°. |
Y | None | Degrees | Rotate or tilt on the Y axis. Accepts values from -360° to 360°. |
Z | None | Degrees | Rotate or tilt on the Z axis. Accepts values from -360° to 360°. |
For sliders, you can enter values beyond the predefined range by manually typing a value directly into the input field.
Applied To
Select the source element where the action will originate. This determines which block or element will perform the specified action when triggered.