Step 1: Set up your 3D scene
Inside your main parent frame, create a nested frame named
cameraIn the Design panel, enable the 3D option for this frame
Set
Perspective = 600Place your image or text elements inside the
cameraframeGive them:
Uniform size (at first)
Same initial
ZpositionCustom positions on
XandYas you likeVarying
Zvalues between-200to200
Assign the same name to all these elements — e.g.
3d-object
📝 Note: Ensure each 3D element inside camera also has the 3D option turned ON in the design panel.
Step 2: Horizontal Mouse Movement Interaction
Create a parametric animation → set the action to Mouse Move Horizontal
Interaction Settings
Turn ON
Smooth AnimationArea of Action:
3D Gallery 2(the parent frame)Layer of Interaction: use Class by name
→ Entername-3d-object
Animation Properties
Enable:
Move,Rotate 3DTurn ON:
Start from,Change to
Values:
Move (X-axis)
From:
-50To:
50
Rotate 3D (Y-axis)
From:
-3°To:
3°
Duration:
1s
Step 3: Vertical Mouse Movement Interaction
Create a second parametric animation → set the action to Mouse Move Vertical
Interaction Settings
(Same as horizontal)
Turn ON
Smooth AnimationArea of Action:
3D Gallery 2Layer of Interaction:
name-3d-object
Animation Properties
Enable:
Move,Rotate 3DTurn ON:
Start from,Change to
Values:
Move (Y-axis)
From:
-50To:
50
Rotate 3D (X-axis)
From:
-3°To:
3°
Duration:
1s