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 $