Designing 3D

Zoom/Scale content on mouse-hover and also display Layers in 3D Space

Contents

1. Scale/Zoom content on mouse-hover

1.1 Enable the mouse-hover option for the Layer
back to top
  1. Click on the Hover tab in the Advanced Styles section.
  2. Switch “On” the Layer Hover option to enable the Hover state.
  3. Adjust the Hover Animation Speed.
  4. Select the Hover Animation Easing.
1.2 Zoom In Animation Effect
back to top
1.3 Zoom Out Animation Effect
back to top

2. Displaying layers in a 3D Space

Rotate the Image Layer
back to top
Remove the Layer Perspective
back to top
2.1 Enable Parallax/3D option to achieve the Parallax Effect (Optional)
back to top
Apply Parallax Depth to the Image Layer
back to top