In order to add an animation to an element, go to the Settings panel. Enter "Animation" and choose between on show/on hide/after scroll options.
Now you can freely adjust animation to your needs.
In "Animation type" you can select one out of the five element animations. Choose between fly in, fade in, expand in, fold in, reveal. Keep in mind that each of them has different further parameters to edit.
In the next step select the animation direction. It is only available for the animation types: fly in, fold in reveal.
Select the duration time of the animation and the delay time.
In this step you can set when animation will start. Select from the three start options: when the screen shos the elements top, elements bottom or element px number.
Animation easing allows you to set a frequency of animation lines - an element speed being displayed in time. Select one of the eight options.
By selecting animate only once you can prevent the animation to be activated when a user scrolls down the website again.
Here you can check how the animation looks like before publishing your website.
FIND US ONLINE
Free website builder WebWave makes creating websites effortless. You can start building your website either from scratch with a blank page or, if you are looking for some inspiration, with a free template. Web design software for free? It is easy!