Textillate Force Out Effect Without Loop

by jschr

HTML

<script src="http://jschr.github.io/textillate/assets/jquery.lettering.js"></script>
<script src="http://jschr.github.io/textillate/jquery.textillate.js"></script>
<script src="https://fonts.googleapis.com/css?family=Pinyon+Script"></script>
<h1 class="tlt">
    <ul class="texts">
        <li data-out-effect="fadeOut">Get the whole picture</li>   
        <li data-in-effect="fadeIn">Another title</li>
        <li></li>
    </ul>
</h1>

CSS

html {
  font-family: cursive;
}

JavaScript

$('.tlt').textillate({ loop: true });