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.