Animations

Each block can be provided with an animation at the bottom. This determines how the block comes into view when the visitor approaches the block in question. You can choose from the options below:

- No animation = no animation
- Fade in (up, down, left, right) = Transparent to visible (up, down, left, right)
- Bounce in (up, down, left, right) = Bouncing (up, down, left, right)

Animations have many advantages

Animations look nice and stylish. They give the visitor the feeling that your website is running smoothly. In addition, this has a positive effect on your ranking with search engines such as Google. Google ranks website with animations higher. The underlying idea of Google is that websites that are provided with animations pay a lot of attention to it. Google prefers to send its visitors to websites that are beautifully designed and that have paid extra attention to, for example, animating.

Number of seconds

In addition to selecting an animation, you will be asked to enter the number of seconds, or actually the number of milliseconds. The time format that you enter here determines how long it takes for the animation to appear. To keep your visitors from waiting too long, we recommend entering a time of less than 1 second. For example 0.1 or 0.4. This allows you to play and see for yourself what fits best with the block in question.

Nice effects

You can create beautiful effects by taking a varied approach when setting the seconds with which an animation should appear. Especially when multiple blocks appear visibly on a page. Suppose you have the following structure of your page. At the top a header photo, you set this to 0.1 seconds. Below a title with a button, you set this to 0.5 seconds. And below that a text field, you set this to 0.9 seconds. The relevant blocks will then appear nicely in succession.