Opacity Action

Adjusts the transparency level of an element using the CSS opacity property, with values ranging from 0 (fully transparent) to 1 (fully visible).


This is useful for gradually fading elements in or out, displaying icons or messages, and creating hover effects, reveal animations, or smooth entrances and exits.


Action Settings

Option Default Type Description
Opacity 1 Number

Controls the transparency level of an element. Accepts values from 0 to 1.

1 means the element is fully visible with no transparency.

0 makes the element fully transparent.

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.