Textillate Base

by jschr

HTML

<link rel="stylesheet" href="http://jschr.github.io/textillate/assets/animate.css">
<script src="http://jschr.github.io/textillate/assets/jquery.lettering.js"></script>
<script src="http://jschr.github.io/textillate/jquery.textillate.js"></script>
<h1 class="tlt" data-loop="true">Lorem ipsum dolor sit amet</h1>

CSS

@-webkit-keyframes none { 100% {opacity: 1;}	}
@-moz-keyframes none { 100% {opacity: 1;} }
@-o-keyframes none { 100% {opacity: 1;} }
@keyframes none { 100% {opacity: 1;}	}

.none {
	-webkit-animation-name: none;
	   -moz-animation-name: none;
	     -o-animation-name: none;
	        animation-name: none;
}

.animated.none {
    -webkit-animation-duration: 0.01s;
	   -moz-animation-duration: 0.01s;
	     -o-animation-duration: 0.01s;
	        animation-duration: 0.01s;
}

JavaScript

$('.tlt').textillate();