9.10. Zoom Animation

Zoom animation allow user to zoom into specific location with single click.

Zoom Animation

Screenshot above is an example to create zoom animation. User is advised to create a low opacity rectangle object and add zoom animation as shown above. Alignment column is necessary to define where the user intends to zoom, according to the object's alignment. Tag is reserved for future use.

[Important] Important

User should understand that the zoom object will block any other clickable animation behind it. If there is any clickable object behind zoom object, it will be clickable after it is zoomed.

[Tip] Tip

Graphic that is zoomed-in can be zoom-out by clicking unzoom button at top right corner of the screen or by refreshing the page.