When creating a animation, the first thing you will see is a list of triggers:
- Load Animation (plays when the element is visible)
- Click Animation
- Hover Animation
- Scroll Animation
It's possible to have multiple animations with different triggers on one element.
We have added some basic presets to get you started. After choosing a preset, you can customize your effects however you want. Currently we have no option to save your custom presets, but this is something we plan on releasing later.
This function allows you to animate multiple elements with a staggered delay. In Vev, we have made it so that after choosing the option, it will automatically apply the animation to every widget inside the chosen widget.
Below is an example of a normal background effect on a section versus a staggered one.
Stagger has two options: time and order.
Time decides how long it should take from the first element starts the animation before the next one starts.
Order decides where the animation should start; in this case, the "first" starts from the top, "last" starts from the bottom, and "center" starts from the center.
This order is decided by the hierarchy in the layer panel. If you want to customize the staggering order, move the elements up or down in layers.