In website builder WebWave you can set animations to elements on your website like text, image, button etc. In this article, you will learn how to build a website with elements animations.

 

Add animation to element

Adjust animation

 

 

Add animation to an element

 

In order to add animation to an element, select it and go to the Settings panel. Enter "Animation" and choose between on show/on hide.

 

 

 

Adjust animation

 

Now you can freely adjust animation to your needs. 

 

 

 

Animation type

 

In "Animation type" you can select one out of 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. 

 

Direction

 

In the next step select animation direction. It is only available for animation type: fly in, fold in reveal.

 

 

Animation parameters

 

Select duration time of an animation and delay time.

 

 

Start animation

 

In this step, you can set when will animation start. Select from three options: start animation when the screen contains elements top, elements bottom or px number of the element.

 

 

Animation easing

 

Animation easing allows you to set a frequency of animation lines - a speed of element being displayed in time. Select one of eight options.

 

 

Animate only once

 

By selecting animate only once, you can prevent animation to be activated when a user scrolls website again.

 

 

Show animation

 

Check how the animation looks like before publishing your website.

Element animations

15 January 2019

Back

This website has been entirely created using our web design software WebWave. We use cookies to give you the best possible experience. Read more.

FIND US ONLINE

HELP DOCS

WEBWAVE

FOR CUSTOMERS

OFFER

WEBSITE BUILDER

Click here to chat with us.

CONTACT

contact@webwave.me

PANEL WEBMASTERA

GET STARTED

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!

Didn't find a solution to your problem? Contact us on live online chat or ask on Facebook group.

 

Missing any feature? Share your ideas with us.

 

PANEL WEBMASTERA

LOG IN

GET STARTED