Our platform gives you the ability to add effects that you can apply to any component of your pages.
When scrolling within a page, the animation effect will only be shown the first time when the component it was applied to becomes visible on the screen.
To activate the animation just click with the right mouse button on the component on which you want to apply the animation and from the menu scroll to Animations.
Here is a description of the animation effects that can be added:
- Fade in: fade input, with the component gradually displaying.
- Slide up, down, left, right: the component slides up, down, left or right until it reaches its final position.
- Slide Expand up: the component, initial and in reduced dimensions,
it slides upwards until it reaches its final position and then its dimensions go back to being the original ones.
- Expand up: the component expands upwards.
- Expand open: the component part extends and then shrinks back to its original size.
- Big entrance: a 'triumphal ' entrance with zoom and slight rotation.
- Hatch: the component expands and at the same time has a small rotation.
- Bounce: the component bounces until it finds its final position.
- Pull up, down: the component 'unrolls' upwards (or downwards).
- Stretch left, right: the component expands to the left (or right).
- Fade in scale: the component, as it fades, expands in zoom up to the original size.
There are also 3 types of continuous animations:
- Pulse: a rhythmic pulsation
- Floating: continuous fluctuation up and down
- Tossing: the component rotates slightly clockwise and then
counterclockwise.
To know: By scrolling down, in the end it is possible to manage the delay, i.e. after how many seconds to show the animation, and the duration of the animation, i.e. how many seconds the entire animation must last, through the Delay and Duration settings.