Animated Text Particle

A Gantry5 particle for radical web typography 😉
Installing the particle on your website is a really simple process. You just need to follow the below instructions depending on the platform you are on.
Version: 1.0.0 | Changelog | Download

Joomla Installation

Step1 Unzip the package animatedtext.zip.

Step2 Copy all the contents inside folder animatedtext to custom folder which located at

root/templates/TEMPLATE_NAME/custom/

WordPress Installation

Step1 Unzip the package animatedtext.zip.

Step2 Copy all the contents inside folder animatedtext to custom folder which located at

root/wp-content/themes/THEME_NAME/custom

Usage

General Setting Description
Text Enter text to apply animation.
Loop Enable looping.
Initial Delay et the initial delay before starting the animation.
Display Time Set the minimum display time for each text before it is replaced.
Type Set the type of token to animate.
CSS Classes CSS class name for the particle.

In Animation Description
Animation Select animation for text in.
Animation Type Select In Animation type. “Reverse” reverse the character sequence, “Sync” animate all the characters at the same time and “Shuffle” randomize the character sequence
Delay Set the delay between each character (higher make animation slower).

Out Animation Description
Animation Select animation for text out.
Animation Type Select Out Animation type. “Reverse” reverse the character sequence, “Sync” animate all the characters at the same time and “Shuffle” randomize the character sequence
Delay Set the delay between each character (higher make animation slower).

Comments

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match

25% discount on all JoomLead products. Coupon: JL25 Buy Now
50% OFF on everything at JoomLead, coupon: JL50 Buy Now