Animated reveal and hide using Animations?

You can use animated region and select the animations for it:

Move your content inside it.

The animated region has its own dynamic attributes which can be used to show and hide it:

And you can control them with a variable value …

Screenshot_33

So pretty similar to this: https://docs.wappler.io/t/toggle-any-element-visibility/3882 but you just use the variable value with the animated region animate visibility dynamic attribute.

Another way would be to just apply some dynamic class to the element and style it in your css to use some transition effects etc.

2 Likes