Advanced animations on text elements. The animations are CSS3 based, which makes them smooth even on mobile devices. There is a large number of effects to choose from.


Based on:


http://jschr.github.io/textillate/

 

slTextAnimator

Purpose:

Creates a Text Animator effect using the elements in a container.

Dont forget to hide the elements previously with slTextAnimatorHide



Available in effects:

flash bounce shake tada swing wobble pulse flip flipInX flipOutX flipInY flipOutY fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpBig fadeInDownBig fadeInLeftBig fadeInRightBig bounceIn bounceInDown bounceInUp bounceInLeft bounceInRight rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight rollIn



Available out effects:

flash bounce shake tada swing wobble pulse flip flipOutX flipOutY fadeOut fadeOutUp fadeOutDown fadeOutLeft fadeOutRight fadeOutUpBig fadeOutDownBig fadeOutLeftBig fadeOutRightBig bounceOut bounceOutDown bounceOutUp bounceOutLeft bounceOutRight rotateIn rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight hinge rollOut

Category:

Text Animator

Syntax:

slTextAnimator "objectId" "efectoIn" "efectoOut" loop displayTime shuffle

 

objectId

Select a Container to animate its text

efectoIn

Write one of the available in-effects (see below)

efectoOut

Write one of the available out-effects (see below)

loop

Should the animation loop?

displayTime

Display time for each text in milliseconds

shuffle

Shuffle characters?

 

slTextAnimatorHide

Purpose:

Hide the container elements before starting the text animation.

Probably you would like tu use this action on page-enter

Category:

Text Animator

Syntax:

slTextAnimatorHide "objectId"

 

objectId

Select a Container to hide its text