Textillate Base

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>
<p> text</p>
<ul class="texts">
  <li>Some Title</li>
  <li>Another Title</li>
  <li>Yet another</li>
</ul>
<p>
  bla bla
</p>

CSS

.texts {
  display: inline;
  padding: 0;
}
p{
  display:inline-block;
}

JavaScript

$('.texts').textillate({
  minDisplayTime: 1000,
  in : {
    effect: 'flipInY',
    sync: true
  },
  out: {
    delay: 3,
    effect: 'lightSpeedOut',
    sync: true
  },
  loop: true
});