Animated text

Impress your visitors with the unusual text presentation. Show information with great animation.
Read documentation
Usage frequency
Preset amount

Available options

Default code: [dfd_animated_text alignment="text-center" type_speed="5"]

Style – Choose between 3 preset styles;

Text alignment – Select the text position;

Typing speed – Choose the speed of text changing;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Animation – Choose between 14 preset animation effects;

Content – Set the prefix, postfix and text string which should be animated;

Color settings – Choose the colors for every part of animated text shortcode to match the style of your site;

Typography – Select letter spacing, font size and element tag. You can also choose the custom font family;

Responsive – Specify the font size, line height and letter spacing for different screen resolutions.

Default styles

Samples of preset styles without custom changes
Shuffle style
Animated text amazingawesomegreatdemonstration
Typing style
Animated text amazingawesomegreatdemonstration
words changing style
Animated text amazingawesomegreat demonstration

Customized styles

Some variations of style customizations of the shortcode
custom typography
Animated text amazingawesomegreat demonstration
rotation appearing
Animated text amazingawesomegreat demonstration
background for the string
Animated text amazing awesome greatdemonstration