jschr / textillate

A jquery plugin for CSS3 text animations.
http://textillate.js.org
MIT License
3.66k stars 762 forks source link

No out animation #112

Open CarloMartini opened 7 years ago

CarloMartini commented 7 years ago

Hello, I would like to have the same animation I see on the demo page, when settings:

fadeInLeft, sequence fadeOutLeft, reverse

But I just see the IN animation. The out never starts, and the JS console is just silent. Can you help me?

<p>Lorem <span class="tlt">ipsum dolor sit amet, consectetur adipisicing </span>elit.</p>

<script>
$(function () {
    $('.tlt').textillate({
in: { effect: 'fadeInLeft' },
out: { effect: 'fadeOutLeft', reverse:true }
});
})
</script>
jschr commented 7 years ago

hey @CarloMartini,

The out effects are only run as a way to transition to the next in effect. You can use empty text as the next transition.

<h1 class="tlt">
    <ul class="texts">
         <li>Some Title</li>   
         <li> </li>
    </ul>
</h1>

https://stackoverflow.com/a/17428498/1249098