textillate icon indicating copy to clipboard operation
textillate copied to clipboard

cant get the animation out to work

Open Showcase-Joz opened this issue 10 years ago • 3 comments

not sure if i forgot something :/

$(function () {
    $('.search-helper').textillate({
        in: {
        effect: 'bounce',
        delayScale: 1.5,
        delay: 50,
        sync: false,
        shuffle: false,
        reverse: false,
        callback: function () {}
      },
      out: {
        effect: 'bounce',
        delayScale: 1.5,
        delay: 50,
        sync: false,
        shuffle: false,
        reverse: true,
        callback: function () {}
      }
    }); 
});

Showcase-Joz avatar Dec 02 '14 17:12 Showcase-Joz

same problem here

suryasekharmondal avatar Jan 06 '16 16:01 suryasekharmondal

Out is enabled only when you set

loop: true

Check: https://github.com/jschr/textillate/issues/5

raykudo avatar Jun 26 '16 08:06 raykudo

This will work for you

element.textillate({loop: true, in: { effect: 'fadeInLeftBig'}, out: { effect: 'fadeOut'}});
element.on('outAnimationEnd.tlt', function(){
    // do something
});

raykudo avatar Jun 26 '16 09:06 raykudo