Displays animated text by sequentially showing characters with easing methods. Can also display a string of random characters to create an old airport/train station display effect

Minified (~2kb gzipped)

StaggerType can be applied to any HTML element containing text

example HTML markup:

<div class="container">
    <p class="el">Lorem ipsum dolor sit amet.</p>
</div>

var element = document.querySelector('.el');

// instantiate a StaggerType instance, passing the text element and overriding some default options.
// see below for a list of all possible options
var staggerType = new StaggerType( element, {duration:1.5, ease: 'easeOutSine'} );
    staggerType.subscribe( staggerType.Events.FADE_IN_COMPLETE, onAnimationComplete)
    
var onAnimationComplete = function() {
    //do stuff
}

##Options

##Events ###StaggerType::fadeInComplete dispatched when the animation has finished playing

##Easing Use one of the easing methods below. A demo of each easing type can be found here

• linearEase
• easeInQuad
• easeOutQuad
• easeInOutQuad
• easeInCubic
• easeOutCubic
• easeInOutCubic
• easeInQuart
• easeOutQuart
• easeInOutQuart
• easeInQuint
• easeOutQuint
• easeInOutQuint
• easeInSine
• easeOutSine
• easeInOutSine
• easeInExpo
• easeOutExpo
• easeInOutExpo
• easeInCirc
• easeOutCirc
• easeInOutCirc