Vev Help Center
Search…
Isometric View
Applies a 3D transformation to the layer, with the option to rotate the layer by a specified amount in any of the three dimensional axis (x, y, z).
Apply the isometric view to any element in Vev by using it as an addon.

Configuration Options

Parameter
Type
Description
X-axis (front-back)
Number (Degrees)
Degree of rotation applied around the x-axis.
Y-axis (left-right)
Number (Degrees)
Degree of rotation applied around the y-axis.
Z-axis (rotate)
Number (Degrees)
Degree of rotation applied around the z-axis.
Animate into rotated perspective
Boolean
Starts the layer in its upright orientation (no rotation applied) and animates into the rotated perspective.
Animation trigger event (only applicable if Animate into rotated perspective is ON)
Dropdown
The event that initiates the animation from standard perspective to rotated perspective.
onVisible: layer transitions into rotated perspective when layer scrolls into visible view.
onHover: layer transitions into rotated perspective when mouse enters layer boundaries. Rotation reverses back to non-rotated perspective when mouse leaves layer boundaries.

Three Dimensional Rotation Axis

The target element can be transformed to rotate around the x, y, and z axis. Rotation around each of these axis can be visualised below.
Rotation around the X, Y, and Z axis, respectively.

Animate into Rotated Perspective

By animating into the rotated perspective, the target element begins in its upright orientation (no rotation applied) and animates into the rotated perspective. This animation can be triggered each time the target scrolls into view, by selecting the onVisible option. Alternatively, the animation can be triggered each time the user's cursor hovers over the target, by selecting the onHover option.
Last modified 6mo ago