Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
July 16, 2024 /  Beginner

Zoom Lens

Lens controls

Dimensions: determines the width and height of the lens equally.
Zoom: determines how much zoom to see through the lens. The demo uses 1.
Zoom X distance: determines the distance the zoom will move to at the horizontal axis, from cursor’s position. The demo uses 0.
Zoom Y distance: determines the distance the zoom will move to at the vertical axis, from cursor’s position. The demo uses 0.
Cursor attachment: determines how much speed to apply to the lens regarding user’s cursor. The demo uses 1000.

Animation controls

Lens have a scale animation when the user enters at the image and when leaving it.
In Duration: determines the scale duration from 0 to 1 when entering the image. The demo uses 200ms.
Out Duration: determines the scale duration from 1 to 0 when leaving the image. The demo uses 200ms.
-Tamu

On this page