Scale Action
Scale an element along the X and Y axes. This is the same as using transform: scaleX()
and scaleY()
in CSS.
Useful for animations that zoom in or out, emphasize elements on hover, or create smooth entrance/exit effects.
Action Settings
Option | Default | Type | Description |
X | 1 | Number | Scale horizontally, to stretch or shrink width. Accepts values from 0 to 2, where 1 is the original width. Values below 1 shrink the height, values above 1 stretch it, and 0 collapses it entirely. |
Y | 1 | Number | Scale vertically, to stretch or shrink height. Accepts values from 0 to 2, where 1 is the original height. Values less than 1 reduce the height, values greater than 1 increase it, and 0 collapses the height entirely. |
For sliders, you can enter values beyond the predefined range by manually typing a value directly into the input field.
Applied To
Select the source element where the action will originate. This determines which block or element will perform the specified action when triggered.