All available animations types

This section lists all the types of animations available. They can be combined to enhance your animations (we’ll see it next).

Couleur Animation de calque Image Texte

FadeIn

Make an element appear in place

Compatible with :

Translate/ Translatefrom

The content of the link can be moved in both axes (x, y). The element

moves from the original location of the link to the given target.

Translatefrom:

The element moves from the given

target to the initial link location.

Compatible with :

Pie

A coloured piechart is appearing in a circular movement.

Compatible with :

FadeOut

Make an element disappear in place.

Compatible with :

Number

Create animated numbers counting between two values.

For more information on the Texte

link, please check this page

Compatible with :

Unmask

A coloured area disappears (

unmask

) in one direction

(like a loading bar) to reveal what’s underneath.

Compatible with :

Scale/ Scalefrom

Same functionality as

zoomout / zoomin

but

the item is not cropped

to the link area. The element starts to 1 to reach the scale value.

Scalefrom:

the element starts from the scale value to go to size 1.

Compatible with :

Rotate/ Rotatefrom

The content of the link area rotates around its centre. The element

rotates from the original location of the link to the given angle.

Rotatefrom:

The element rotates from the given

angle to the original location of the link.

Compatible with :

Reveal

The element appears in one direction over the

page content (the opposite of

unmask

).

Compatible with :

ZoomIn

Same as

ZoomOut

but the element grows/

shrinks to reach the scale value (1=100%).

Compatible with :

ZoomOut

The imported image (Image) or the content

(Animation de calque) behind the link area is scaled

and cropped not to exceed the specif ied link area.

The element starts from the scale value to go to size 1.

Compatible with :

100 $