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.